Real World Vue.js

Lessons

1. Intro to Real World Vue

0:57

2. Vue CLI 3 - Creating our Project

9:06

3. Optimizing your Editor

9:07

4. Vue Router Basics

15:16

5. Dynamic Routing & History Mode

9:31

6. Single File Vue Components

14:21

7. Global Components

9:14

8. Slots

6:45

9. API calls with Axios

17:52

Vue Router Basics

In this lesson we’re going to introduce you to the tools that Vue uses to navigate between pages (or views) in our application. We’ll cover:

  • What is Client-Side Routing?
  • How to set up Vue Router?
  • Named Routes, a better way to create navigation links
  • Redirecting & Aliasing Routes
  • Building out our example app

Let’s jump in.

Server-Side vs Client-Side Routing

When it comes to websi…