15.导航守卫(路由独享守卫）

1.路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。
对此，我们可以使用导航守卫来完成相应的需求。

2.这里先介绍一下路由单个路由独享守卫：在路由配置上直接定义 beforeEnter 守卫
代码如下：

    
    
    
    
    


        

            

            这是a页面 
            父组件
            子组件
            
跳转到404页面
           
        
        
          
        
    

这里如果不加上next()的话，点击跳转到404页面是无法跳转的，这个next就相当于是一个闸门，写上就是相当于打开了阀门，路由才能够顺利的进行跳转

to:即将要进入的目标 路由对象
from: 当前导航正要离开的路由
next: 一定要调用该方法才能实现路由的成功跳转

3.这里我们有一个需求，只有在父组件登录之后才能访问子组件的内容。
代码如下：

    
    
    
    
    


        

            

            这是a页面 
            父组件
            子组件
           
        
        
          
        
    

当我们讲loginoff改为true的时候，就可以进行顺利的跳转：