vue-router 导航守卫

1，全局前置守卫 写法为router.beforeEach( ( to,from,next)=>{ } )

进入每个路由之前都会经过这里 写法为router.beforeEach( ( to,from,next)=>{ } )  这个写在最外面

应用场景1给每一个组件写一个title

               2进入每个页面都需要判断是否登录，没有登录就去登录页面，登录了的才能进入到页面，在每一个组件路由里面的meta对象写一个isLogin=true进行判断

               3给每个组件写title之前要用路由元信息即meta对象进行自定一设置 这个meta对象写在每个路由里面，里面要设置title属性属性值为你要显示的名字

 

 

 

 

 

 

 

 

 

2，路由独享的守卫 写法beforeEnter:(to,from,next)=>{ }

路由的独享守卫意思就是进入订单页面只能从购物车里面进，不是从购物车页面进的都进入到购物车页面，再从购物车页面进入到订单页面

给要守卫的路由添加这个beforeEnter:(to,from,next)=>{}

 from ,name=="myshoppingcar"   应该是不要 / 斜杠