{"tag":{"id":"56744722958ef13879b950e4","name":"Vue.js","logo":"https://res.cloudinary.com/hashnode/image/upload/v1505294440/t5igqu22z1s86xa7nkqi.png","slug":"vuejs","tagline":"Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.","__typename":"Tag"},"publication":{"__typename":"Publication","id":"5fdf169f1485f22e24b35ca4","url":"https://shiva.hashnode.dev","canonicalURL":"https://shiva.hashnode.dev","urlPattern":"SIMPLE","title":"Shivashish Articles Blog","displayTitle":"Shivashish Articles Blog","hasBadges":true,"descriptionSEO":"Experimenting and breaking stuff most of the time.\n","publicMembers":{"totalDocuments":1,"__typename":"PublicationMemberConnection"},"about":{"html":"

Experimenting and breaking stuff most of the time.

\n","text":"Experimenting and breaking stuff most of the time.\n","__typename":"Content"},"features":{"proTeam":{"isEnabled":false,"__typename":"ProTeamFeature"},"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":true,"__typename":"ReadTimeFeature"},"textSelectionSharer":{"isEnabled":false,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":true,"published":{"__typename":"CustomCSS","homeMinified":".blog-header{padding:10px 0;background:#0a0068;background:linear-gradient(90deg,rgba(10,0,104,1) 0,rgba(38,0,123,1) 25%,rgba(66,0,141,1) 50%,rgba(94,0,160,1) 75%,rgba(122,0,178,1) 100%);border-bottom:0;background-color:#fff;-webkit-animation:glowing 1s ease-in-out infinite alternate;-moz-animation:glowing 1s ease-in-out infinite alternate;animation:glowing 1s ease-in-out infinite alternate}@-webkit-keyframes glowing{from{box-shadow:0 0 4px #8b008b,0 0 8px #8b008b,0 0 12px #f0f,0 0 16px #0ff,0 0 20px #e60073,0 0 24px #e60073,0 0 28px #e60073}to{box-shadow:0 0 8px #8b008b,0 0 12px #ff4da6,0 0 16px #ff4da6,0 0 20px #ff4da6,0 0 24px #ff4da6,0 0 28px #ff4da6,0 0 32px #ff4da6}","postMinified":".blog-header{padding:10px 0;background:#0a0068;background:linear-gradient(90deg,rgba(10,0,104,1) 0,rgba(38,0,123,1) 25%,rgba(66,0,141,1) 50%,rgba(94,0,160,1) 75%,rgba(122,0,178,1) 100%);border-bottom:0;background-color:#fff;-webkit-animation:glowing 1s ease-in-out infinite alternate;-moz-animation:glowing 1s ease-in-out infinite alternate;animation:glowing 1s ease-in-out infinite alternate}@-webkit-keyframes glowing{from{box-shadow:0 0 4px #8b008b,0 0 8px #8b008b,0 0 12px #f0f,0 0 16px #0ff,0 0 20px #e60073,0 0 24px #e60073,0 0 28px #e60073}to{box-shadow:0 0 8px #8b008b,0 0 12px #ff4da6,0 0 16px #ff4da6,0 0 20px #ff4da6,0 0 24px #ff4da6,0 0 28px #ff4da6,0 0 32px #ff4da6}h2{font-size:28px;font-weight:500;letter-spacing:0;line-height:1.5em;padding-bottom:15px;position:relative}h2:before{content:\"\";position:absolute;left:0;bottom:0;height:5px;width:55px;background-color:#111}h2:after{content:\"\";position:absolute;left:0;bottom:2px;height:1px;width:95%;max-width:255px;background-color:#333}","staticMinified":".blog-header{padding:10px 0;background:#0a0068;background:linear-gradient(90deg,rgba(10,0,104,1) 0,rgba(38,0,123,1) 25%,rgba(66,0,141,1) 50%,rgba(94,0,160,1) 75%,rgba(122,0,178,1) 100%);border-bottom:0;background-color:#fff;-webkit-animation:glowing 1s ease-in-out infinite alternate;-moz-animation:glowing 1s ease-in-out infinite alternate;animation:glowing 1s ease-in-out infinite alternate}@-webkit-keyframes glowing{from{box-shadow:0 0 4px #8b008b,0 0 8px #8b008b,0 0 12px #f0f,0 0 16px #0ff,0 0 20px #e60073,0 0 24px #e60073,0 0 28px #e60073}to{box-shadow:0 0 8px #8b008b,0 0 12px #ff4da6,0 0 16px #ff4da6,0 0 20px #ff4da6,0 0 24px #ff4da6,0 0 28px #ff4da6,0 0 32px #ff4da6}"},"draft":{"__typename":"CustomCSS","homeMinified":".blog-header{padding:10px 0;background:#0a0068;background:linear-gradient(90deg,rgba(10,0,104,1) 0,rgba(38,0,123,1) 25%,rgba(66,0,141,1) 50%,rgba(94,0,160,1) 75%,rgba(122,0,178,1) 100%);border-bottom:0;background-color:#fff;-webkit-animation:glowing 1s ease-in-out infinite alternate;-moz-animation:glowing 1s ease-in-out infinite alternate;animation:glowing 1s ease-in-out infinite alternate}@-webkit-keyframes glowing{from{box-shadow:0 0 4px #8b008b,0 0 8px #8b008b,0 0 12px #f0f,0 0 16px #0ff,0 0 20px #e60073,0 0 24px #e60073,0 0 28px #e60073}to{box-shadow:0 0 8px #8b008b,0 0 12px #ff4da6,0 0 16px #ff4da6,0 0 20px #ff4da6,0 0 24px #ff4da6,0 0 28px #ff4da6,0 0 32px #ff4da6}","postMinified":".blog-header{padding:10px 0;background:#0a0068;background:linear-gradient(90deg,rgba(10,0,104,1) 0,rgba(38,0,123,1) 25%,rgba(66,0,141,1) 50%,rgba(94,0,160,1) 75%,rgba(122,0,178,1) 100%);border-bottom:0;background-color:#fff;-webkit-animation:glowing 1s ease-in-out infinite alternate;-moz-animation:glowing 1s ease-in-out infinite alternate;animation:glowing 1s ease-in-out infinite alternate}@-webkit-keyframes glowing{from{box-shadow:0 0 4px #8b008b,0 0 8px #8b008b,0 0 12px #f0f,0 0 16px #0ff,0 0 20px #e60073,0 0 24px #e60073,0 0 28px #e60073}to{box-shadow:0 0 8px #8b008b,0 0 12px #ff4da6,0 0 16px #ff4da6,0 0 20px #ff4da6,0 0 24px #ff4da6,0 0 28px #ff4da6,0 0 32px #ff4da6}h2{font-size:28px;font-weight:500;letter-spacing:0;line-height:1.5em;padding-bottom:15px;position:relative}h2:before{content:\"\";position:absolute;left:0;bottom:0;height:5px;width:55px;background-color:#111}h2:after{content:\"\";position:absolute;left:0;bottom:2px;height:1px;width:95%;max-width:255px;background-color:#333}","staticMinified":".blog-header{padding:10px 0;background:#0a0068;background:linear-gradient(90deg,rgba(10,0,104,1) 0,rgba(38,0,123,1) 25%,rgba(66,0,141,1) 50%,rgba(94,0,160,1) 75%,rgba(122,0,178,1) 100%);border-bottom:0;background-color:#fff;-webkit-animation:glowing 1s ease-in-out infinite alternate;-moz-animation:glowing 1s ease-in-out infinite alternate;animation:glowing 1s ease-in-out infinite alternate}@-webkit-keyframes glowing{from{box-shadow:0 0 4px #8b008b,0 0 8px #8b008b,0 0 12px #f0f,0 0 16px #0ff,0 0 20px #e60073,0 0 24px #e60073,0 0 28px #e60073}to{box-shadow:0 0 8px #8b008b,0 0 12px #ff4da6,0 0 16px #ff4da6,0 0 20px #ff4da6,0 0 24px #ff4da6,0 0 28px #ff4da6,0 0 32px #ff4da6}"},"__typename":"CustomCSSFeature"},"gptBotCrawling":{"__typename":"GPTBotCrawlingFeature","isEnabled":false},"__typename":"PublicationFeatures"},"metaTags":"","ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"5fdf1661b78ac62dff80d8b9","name":"Shivashish Yadav","username":"Shivashish","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1608455778209/yc3kl5W1r.jpeg"},"preferences":{"__typename":"Preferences","logo":"","darkMode":{"__typename":"DarkModePreferences","logo":"","enabled":false},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"62519d3892d73e7055c18329","label":"BLOCKCHAIN","url":"https://shiva.hashnode.dev/series/blockchain-tutorial","type":"series","series":{"__typename":"Series","id":"61c8bb371de80a7fb227f55e"},"page":null},{"__typename":"PublicationNavbarItem","id":"62519d5c75dccb6f3431e1f1","label":"SEO","url":"https://shiva.hashnode.dev/series/seo","type":"series","series":{"__typename":"Series","id":"61dfdac12b381d6ddc3b194d"},"page":null},{"__typename":"PublicationNavbarItem","id":"62519cda92d73e7055c182fb","label":"WONDER WEBSITES","url":"https://shiva.hashnode.dev/series/wonderweb","type":"series","series":{"__typename":"Series","id":"62519c6492d73e7055c182ec"},"page":null},{"__typename":"PublicationNavbarItem","id":"62519cc192d73e7055c182f6","label":"CYBER SECURITY","url":"https://shiva.hashnode.dev/series/cybersecurity","type":"series","series":{"__typename":"Series","id":"6250521792d73e7055c16621"},"page":null},{"__typename":"PublicationNavbarItem","id":"62519d4e92d73e7055c18333","label":"ABOUT","url":"https://shiva.hashnode.dev/about-me","type":"page","series":null,"page":{"__typename":"StaticPage","id":"61eda7e0a12088017fbecaf0"}},{"__typename":"PublicationNavbarItem","id":"62519d4375dccb6f3431e1ef","label":"CONTACT","url":"https://shivas.gtsb.io/contact","type":"link","series":null,"page":null}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":true},"layout":"magazine","disableFooterBranding":false,"isSubscriptionModalDisabled":false},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1640629684364/d_5xeL_Z_.png","headerColor":"#6200ea","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"","gTagManagerID":null,"plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","koalaPublicKey":null,"msClarityID":null,"__typename":"PublicationIntegrations"},"imprintV2":{"__typename":"Content","html":"

🙋‍♂️ Hello there,

I hope you learned something useful today.

If you would like to request a particular article/topic covered or would want to discuss something, then please start a discussion here.

✨ What makes innovative thinking happen?... I think it's really a mindset. Decide. ✨

\n"},"postsCount":{"totalDocuments":104,"__typename":"PublicationPostConnection"},"isTeam":true,"links":{"twitter":"https://twitter.com/ShivashishYadav","instagram":null,"github":"https://github.com/ShivashishY","website":"https://shivas.netlify.app/","hashnode":"https://hashnode.com/@Shivashish","youtube":"","dailydev":"https://app.daily.dev/Shivashish","linkedin":"https://www.linkedin.com/in/shivashishyadav/","mastodon":null,"facebook":null,"bluesky":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"shiva","domain":null,"wwwPrefixedDomain":null},"redirectionRules":[],"totalRecommendedPublications":0,"sponsorship":{"content":null,"stripe":{"connected":true,"accountId":"acct_1KjU09SCI1VGMvwB","country":"IN","__typename":"StripeConfiguration"},"__typename":"PublicationSponsorship"},"allowContributorEdits":true,"posts":{"edges":[{"node":{"__typename":"Post","id":"62b41a1992447c9aed5b129b","title":"React & Vue Talk","slug":"react-and-vue-talk","publishedAt":"2022-03-10T07:45:06.000Z","cuid":"cl4qpz88v00nz9vnvh6s7g7q0","url":"https://shiva.hashnode.dev/react-and-vue-talk","subtitle":"","brief":"Since the work needs to write React for several years, and because the work needs to write Vue in recent months, I have a certain degree of understanding and some understanding of these two frameworks. This article will start from the framework users...","readTimeInMinutes":7,"views":113,"author":{"__typename":"User","id":"5fdf1661b78ac62dff80d8b9","username":"Shivashish","name":"Shivashish Yadav","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1608455778209/yc3kl5W1r.jpeg","followersCount":8},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/unsplash/XmZ4GDAp9G0/upload/v1655970247366/pqjM6ZGJz.jpeg","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjJiNDFhMTk5MjQ0N2M5YWVkNWIxMjliXzIwMjItMDMtMTBUMDc6NDU6MDYuMDAwWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjJiNDFhMTk5MjQ0N2M5YWVkNWIxMjliXzIwMjItMDMtMTBUMDc6NDU6MDYuMDAwWg==","hasNextPage":false,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}