Lessons
Explore all newline lessons
lesson
Vue Directives30 Days of VueThe last article was a little heavy on discussion. In today's article, we’ll dive into more code examples by addressing some important native Vue **directives**.
lesson
Vue Router30 Days of VueWith our application scaffold established in the last article, let's use Vue's official client-side routing library, **Vue Router**, to enable routing in our application.
lesson
Single File Components30 Days of VueToday, we'll discuss one of Vue's most useful features in helping build large scale Vue applications - **Single File Components**.
lesson
Simple Global Store30 Days of VueYesterday, we gathered an understanding of how a global EventBus can use its events interface to have isolated components communicate with one another. Today, we’ll see how a **Simple Global Store** can be a more useful approach to handling state management.
lesson
Vue Components - Nice To Knows30 Days of VueToday, we'll cover some interesting points that govern the use of Vue components such as the ability to locally register components, the requirement to having the component `data` property always be a function, and the restriction to using a single root template.
lesson
Vue Components - Props30 Days of VueToday, we'll discuss how **props** can help us pass data from parent components down to child components.
lesson
Lifecycle Hooks30 Days of VueToday, we're going to talk a bit about how an instance _lives_ in an application. That is, we'll talk about the Vue instance’s _lifecycle_.
lesson
Vue Components - Global Components30 Days of VueIn today's session, we'll be building our first global Vue component.
lesson
Form Handling with v-model30 Days of VueIn yesterday’s article, we discussed the **v-for** directive and its role in helping display lists of elements. Today, we’ll spend a little time taking a look at the **v-model** directive and its ability to create two-way data binding.
lesson
Watchers30 Days of VueYesterday, we discussed how **methods** and **computed** properties work within a Vue instance. Today, we’ll briefly discuss another instance property called **watchers** (or sometimes known as the **watch** property).
lesson
List Rendering with v-for30 Days of VueToday we're going to work through how the **v-for** directive can be used to dynamically render a list of elements based on a data source.
lesson
Vue Components - Custom Events30 Days of VueYesterday, we saw how **props** can be used to pass data downwards from parent to child. Today, we'll see how **custom events** can facilitate communication in the opposite direction - from child to parent.