Lessons
view all ⭢
lesson
An Introduction to Vue 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
How to Use Vue Render Functions to Create Component Markup30 Days of VueWe took a look at the different types of component templates in yesterday's article. Today, we'll look to use a **render** function to create the markup of a component entirely with JavaScript.
lesson
How to Declare the Template and Markup of a Vue Component30 Days of VueToday, we'll be taking a look at some of the different ways we can declare the template/markup of a component.
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.