Vue.js Routing

The vue-router

vue's way of doing SPA navigation

Getting started

Dynamic routes

props & route components

Programatic navigation

Global Guards

  • to: Route: the target Route Object being navigated to.

  • from: Route: the current route being navigated away from.

  • next: Function: this function must be called to resolve the hook. 

next(), next(false),next('/'), next({ path: '/' }), next(error)(transfer to router.onError())

In-Component Guards

merci & have fun!