{"componentChunkName":"component---src-pages-index-js","path":"/","webpackCompilationHash":"23268da9a2d41a689f81","result":{"data":{"site":{"siteMetadata":{"title":"A Vue Blog"}},"allMarkdownRemark":{"edges":[{"node":{"excerpt":"In my post on directives I talked about v-if and v-for. Today let’s take a deeper look into both. v-if We can use this directive to…","fields":{"slug":"/conditional-rendering-and-list-rendering/"},"frontmatter":{"date":"August 31, 2019","title":"Conditional Rendering and List Rendering in Vue.js","description":"Looking deeper into the directives that help us render based on conditions and lists."}}},{"node":{"excerpt":"We know how to attach classes to a tag. But what if we want to do so dynamically. For this we can use the v-bind directive with class. v…","fields":{"slug":"/dynamic-binding-of-classes-and-styles-in-vue/"},"frontmatter":{"date":"August 27, 2019","title":"Dynamic Binding of Classes and Styles in Vue.js!","description":"There will be a lot of situations where the classes and styles attached to a node will have to be dynamic. Let's see how it's done."}}},{"node":{"excerpt":"Last time we looked into Computed Property. Now as teased, let’s diverge our attention to the other property to watch out for. Watchers…","fields":{"slug":"/watchers-to-watch-your-properties/"},"frontmatter":{"date":"August 24, 2019","title":"Watchers, to Watch Your Properties!","description":"To carry out a piece of logic when a particular property changes, we use watchers."}}},{"node":{"excerpt":"Let’s go back to the very first blog post where we talked about templates. Another useful thing about templates is that you can write simple…","fields":{"slug":"/computed-properties-what-are-they/"},"frontmatter":{"date":"August 21, 2019","title":"Computed Properties, What Are They?","description":"While methods are useful, we have an alternative that can be more efficient. Computed Properties."}}},{"node":{"excerpt":"Vue instances can have methods defined in it along with data instances. In this article, we will look into the ‘methods’ property of the Vue…","fields":{"slug":"/methods-in-vue.js/"},"frontmatter":{"date":"August 14, 2019","title":"Methods in Vue.js","description":"Here is how we provide methods to our Vue instances."}}},{"node":{"excerpt":"Welcome to another edition of A Vue Blog, a blog for beginners to Vue.js from a beginner to Vue.js. Last time we saw how to print Hello…","fields":{"slug":"/fantastic-directives-and-how-to-use-them/"},"frontmatter":{"date":"August 12, 2019","title":"Fantastic Directives and How To Use Them!","description":"Directives are attributes provided by Vue that can help us apply a special behavior on to our HTML."}}},{"node":{"excerpt":"Welcome to my blog! This is a blog for absolute beginners to Vue.js, from an absolute beginner to Vue.js! But a basic understanding of HTML…","fields":{"slug":"/hello-world/"},"frontmatter":{"date":"August 07, 2019","title":"Hello World!","description":"Let's start with the archetypal first program - Hello World!"}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":true}}}