illustration for A Journey with Vue-Router

A Journey with Vue-Router

Instructor

Laurie Barth
22m
Updated:
a year ago
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.3
133
people completed
Bookmark
Download
RSS

Ever built a website? Did it have more than one page?

If it did, you learned quickly how essential routing is to the success of your project. And in so many frameworks routing is a painful and complex thing to learn.

But not in Vue!

Vue has an incredibly clean and powerful library called vue-router that takes care of everything you could need.

In this course, we'll cover what you need to know to get started with vue-router.

What you'll learn

  • Router installation and set up
  • Route creation
  • Router link creation
  • Work with subroutes
  • Creating a default route
  • Access route metadata
  • Create navigation guards

Learner Reviews

  • Phillip Leonardo
    5 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    Giving more explanation for each used object or pattern. As simple as a reference link would be quite sufficient.

  • Domagoj Štrekelj
    5 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    How will you use what you learned from this course?

    I am an experienced React developer currently learning Vue. I picked this course to get an overview of vue-router and its capabilities, to help myself get familiar with the framework and its tools a little quicker than usual.

    The course is well paced and concise making it easy to follow and pick up where you left off. The examples have a clear focus on vue-router and its use cases - unlike some courses out there, this one doesn't muddy the waters bringing in unnecessary libraries and other tools to the table.

    Before this course I also went through a couple of other books and courses that touch upon vue-router. I would recommend this course to newcomers because of the no-frills approach to teaching. Experienced Vue developers might find it a good refresher, but I think they would enjoy a more "tips, tricks, and best practices" approach covering some more unconventional use cases or examples (e.g. async calls in navigation guards, lazy loading of routes, ...).

    Thanks for the course, I'm happy with what I've learned and I'll make sure to pass it on to others!

  • Colin
    8 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Laurie's course was succinct and went straight to the point. She covered the important features clearly and without fluff. Her examples were again easy to understand as well as covered the typical use cases that you would require from the vue-router.

    I would watch this course again for reference.

  • Magnus
    9 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    How will you use what you learned from this course?

    Thank you, in a near future we're going to migrate our frontend to Vue so this was helpful. I was going to have a routes.js file but after watching the last part in this series I've decided to go with a routes folder instead so that I can structure my routes in a good way.

  • Dmitry Smirnov
    9 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    too simple. Would be nice if course contains more advanced topics like animation between routes and lazy loading

  • JP Adams
    10 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Amazing. You're a natural teacher. Thanks.

Course Content

22m • 10 lessons

    You might also like these courses:

    illustration for Introduction to Cloudflare Workers

    Introduction to Cloudflare Workers

    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout

    Create an eCommerce Store with Next.js and Stripe Checkout

    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use

    Practical Git for Everyday Professional Use

    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.