vue-router之beforeRouteEnter实现注册成功判定，并给出相应提示

小白爬坑指南：
下午想用vue框架写个注册登录，结果在注册成功后跳转到登录页面给出提示卡了一下~~
给大家分享一下我的心路历程免得大家在这浪费时间。
1.beforeRouteEnter的使用：
代码如下

	 beforeRouteEnter(to, from, next) {
            	console.log(to);
            	console.log(from);		//直接通过这个我们可以查看到路由是从哪里跳转过来的
            	console.log(next);
            	next();
            }

如图：

2.beforeRouteEnter使用需要注意的：
在这我们可以直接访问他的path属性获得来时的路径，但我们无法直接通过this访问methods中定义的方法和data中定义的数据需要通过next中的参数来访问，具体代码如下：

 beforeRouteEnter (to, from, next) {
   
 							//通过router的名字访问是否正确注册后从register页面跳转过来的
							if(from.name==='register'){
   	
								next(vm=>{
   
//									console.log(vm);
//									我的data中定义了一个名为alter的属性
									vm.alert='注册成功！';
								});
							}
				  	}

最终实现的效果如下：

最后如果大家不嫌弃我直接附上我登录页面的代码好了：有问题的话欢迎各位大佬和我探讨

<template>
  <div class="backlogin">
  		<!--注册成功提示-->
  	<div v-if="alert" id="alert" class="alert alert-success alert-dismissible fade show" role="alert">
		  <strong>{
   {
   alert}}</strong>
		  <button v-on:click="hidden" type="button" class="close" data-dismiss="alert" aria-label="Close">
		    <span aria-hidden="true">&times;</span>
		  </button>
		</div>
        <div class="login_box">
            <div class="title">后台登录</div>
            <div>
                <input class="myinput"