Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
Watchers

lesson

Watchers30 Days of Vue

Yesterday, 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).

List Rendering with v-for

lesson

List Rendering with v-for30 Days of Vue

Today 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.

Vue Components - Custom Events

lesson

Vue Components - Custom Events30 Days of Vue

Yesterday, 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.

Render Functions and JSX

lesson

Render Functions and JSX30 Days of Vue

We 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.

Vue Devtools

lesson

Vue Devtools30 Days of Vue

Today’s article is going to introduce the **Vue Devtools** - a browser extension tool built to help debug Vue applications.

Vue Components - Template Definitions

lesson

Vue Components - Template Definitions30 Days of Vue

Today, we'll be taking a look at some of the different ways we can declare the template/markup of a component.

Introduction to Routing

lesson

Introduction to Routing30 Days of Vue

The 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.

Methods and Computed Properties

lesson

Methods and Computed Properties30 Days of Vue

Today, we'll take a look at the **computed property** of a Vue instance and see how it differs from using a standard instance **method**.

The Vue Instance - Data

lesson

The Vue Instance - Data30 Days of Vue

Now that we know how to instantiate a Vue application with the Vue instance, let's take a deeper look into how the data property of a Vue instance helps enable reactivity.

Vue 3.0 and the future of Vue

lesson

Vue 3.0 and the future of Vue30 Days of Vue

In today's article, we'll take a brief look at some of the cool features Vue 3.0 is expected to bring when it arrives.

Custom Events and the EventBus

lesson

Custom Events and the EventBus30 Days of Vue

Today'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.

Wrap-up and more resources

lesson

Wrap-up and more resources30 Days of Vue

We've made it! Day 30. Congrats! Now you have enough information to create Vue applications with the **Vue CLI**, integrate data with **Vuex**, enable client-side routing with **Vue Router**, and even conduct testing with the **Vue Test Utils** library.