Vue.js Routing

https://unsplash.com/photos/N2HtDFA-AgM

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!

Copy of Vue.js Routing

By Dragosh

Copy of Vue.js Routing

Super fast introduction to Vue.js routing

  • 157