Not-Found-Route - vue-router

const PageNotFoundComponent = { 
	template: `
   	<div class="alert alert-danger" role="alert">
			<h1>Page {{notFoundRoute}} not found</h1>
			We tried hard, but unfotunately could not find a page that matches your request. :(
		</div>
   `,
   	data() {
   		return {
   			notFoundRoute: ""
   		}
   	},
   	beforeRouteEnter (to, from, next) {
			console.log(to);
    	next(vm => vm.notFoundRoute = to.path);
   	},
    beforeRouteUpdate (to, from, next) {
    	console.log(to);
    	console.log(from);
    	notFoundRoute = to;
    	next();
  	},
}

const routes = [
	{path: "/home", component: AppComponent},
	{path: "*", component: PageNotFoundComponent, props: true}
];