Full-Stack Vue.js 2 and Laravel 5

Route navigation guards
Similar to lifecycle hooks, navigation guards allow you to intercept Vue Router
navigations at a particular point in their life cycle. These guards can be applied
to a specific component, a specific route, or to all routes.
For example, afterEach is the navigation guard called after any route is navigated
away from. You might use this hook to store analytics information, for example:
router.afterEach((to, from) => { storeAnalytics(userId, from.path); })
We can use the beforeRouteEnter navigation guard to fetch data from our web
service if the data in the head is unsuitable. Consider the following pseudo-code
for how we might implement this:
beforeRouteEnter(to, from, next) {
if (to !== injectedData.path) {
getDataWithAjax.then(data => {
applyData(data)
})
} else {
applyData(injectedData)
}
next()
}