Advanced Routing in Vue.js with Vue-Router

Advanced Vue.js

There are all kinds of routing libraries out there, but the simplest choice for Vue applications is Vue-Router. Most people choose Vue-Router over the competition because it is created and maintained by the same team who built Vue.js and it’s designed to integrate very nicely into Vue apps.

The Advanced Routing in Vue.js with Vue-Router training course teaches you how to integrate Vue-Router into your Vue.js apps and leverage its full capacity.

Course Summary

Learn how to leverage the Vue Router
Vue.js developers looking to make their applications more modular and maintainable.
Skill Level: 
Learning Style: 

Hands-on training is customized, instructor-led training with an in-depth presentation of a technology and its concepts, featuring such topics as Java, OOAD, and Open Source.

Hands On help
1 Day
Productivity Objectives: 
  • Install Vue-Router into your project and integrate it into your Vue.js app
  • Create routes and show different components depending on the route
  • Pass route parameters to your views
  • Use nested routes, named routes, and named route zones
  • Create redirects and aliases
  • React to route changes within components
  • Set up guards to prevent navigation to routes they should not have access to
  • Transition between components when the route changes
  • Fetch relevant data when routing

What You'll Learn

In the Advanced Routing in Vue.js with Vue-Router training course you’ll learn:

  • Introduction
    • What is Vue-Router?
    • Core concepts of Vue-Router
  • Getting Started
    • Installing the Vue-Router library
    • Creating your first route
    • Adding a router-view component
  • Route Basics
    • Using dynamic route parameters
    • Passing routing parameters as component props
    • Nesting routes
    • Navigating programmatically
    • Using router-link components
    • Naming routes
  • Intermediate Routing Techniques
    • Controlling multiple components with named router views
    • Using redirects
    • Using route aliases
    • Changing routing modes (hashes vs history API)
  • Advanced Routing
    • Using navigation guards to restrict access to routes
    • Using route meta data
    • Smoothing transitions between components on route change
    • Performing asynchronous operations between routes
    • Reverting scroll position during when navigating through history
    • Lazy loading route components
  • Q/A

Get Custom Training Quote

We'll work with you to design a custom Advanced Routing in Vue.js with Vue-Router training program that meets your specific needs. A 100% guaranteed plan that works for you, your team, and your budget.

Learn More

Chat with one of our Program Managers from our Boulder, Colorado office to discuss various training options.

DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.

About Develop Intelligence
Di Clients
Need help finding the right learning solution?   Call us: 877-629-5631