震惊！！！3分钟能学会vue路由守卫？

1.组件内部

进入前：

beforeRouterEnter(to,from,next)

参数to ：要进入的路由

参数 from：从哪个页面进入

参数 next：下一步

next（）进入to的页面

next（false）不跳转

next（/login）跳转到登录

离开前：beforeRouterleave

更新前：beforeRouterUpdate

2.全局

   beforeEach（（to，from，next）=》{}）进入前

afterEach 潜入后

3.独享

beforeEnter（）

4.作用

进入离开的页面做拦截，处理事情

5.路由元信息

{
path:path,
name:",
component:'/',
meta:{noFooter:true}} //meta是自定义的用来判断哪个路由不需要footer导航的

$router.meta.noFooter 范围

6.路由传参

传递
next("//login?redirect=/cart")
获取
var redirect=this.$route.query.redirect||'/use