Lessons
view all ⭢
lesson
How to Add Vue Router to an Application30 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
An Introdution to Routing in Vue with examples30 Days of VueThe majority of large-scale applications we tend to create will usually have multiple views be kept in different routes. Today, we'll discuss client-side routing and set up the starting point of the routing application we'll build.
lesson
How to Add Vuex to a Vue Application for State Management30 Days of VueWith the knowledge of the Flux pattern and Vuex, let's integrate Vuex onto a Vue application to build on top of the things we've learned using a simple global store.
lesson
How to Use Simple Global Store for Vue State Management30 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
How to Use Vue Custom Events and EventBus30 Days of VueToday's session will be the first of a series of articles discussing different methods to managing application wide data. We'll begin by reintroducing **props** and **custom events** before taking a look at how a global **EventBus** can facilitate application wide communication.
lesson
A Beginner's Guide to Vue CLI30 Days of VueToday, we're going to discuss Vue's official development tool in helping build and scaffold Webpack bundled Vue applications rapidly.
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.