Lessons
Explore all newline lessons
lesson
Vue Component Registration, Data Functions, & Single Root Templates30 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
How Custom Events Work in Vue Components30 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.
lesson
How Props Pass Data in Vue Components30 Days of VueToday, we'll discuss how **props** can help us pass data from parent components down to child components.
lesson
How to Build Your First Vue Component30 Days of VueIn today's session, we'll be building our first global Vue component.
lesson
An Introduction to Vue 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
How Vue Watchers Work with examples30 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
Understanding How Vue Methods and Computed Properties Work30 Days of VueToday, we'll take a look at the **computed property** of a Vue instance and see how it differs from using a standard instance **method**.
lesson
A Beginner's Guide to Vue Devtools30 Days of VueToday’s article is going to introduce the **Vue Devtools** - a browser extension tool built to help debug Vue applications.
lesson
How to Handle Forms with Vue v-model Directive30 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
How to Render Lists with the Vue v-for Directive30 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
What are Vue Directives? with examples30 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
How Reactive Data Works in Vue Applications30 Days of VueIn yesterday’s article, we’ve come to understand how data behaves reactively in Vue. Today, we’re going to spend a little more time discussing this behavior since it plays an especially important role in how we build applications in Vue.