vue 的路由守卫(看了都说好)

一、vue的路由守卫也可以叫导航守卫

二、vue的路由守卫分为 '全局守卫'、'组件守卫'、'单个路由守卫' 三种

1.全局守卫：在App.vue写入

1.1、beforeEach 在路由跳转前进行触发 ，是路由的前置守卫，它主要有三个参数to、from、next三个，分别是  'to----去哪里'、'from----从哪里来'、'next----执行下一步'，这个作用是主要用于登录验证

1.2、beforeResolve 这个和beforeEach相似，也是在路由跳转前进行触发，参数也是to、from、next三个

1.2、afterEach是在路由跳转完成之后进行触发，他的参数有to、from，它是发生在beforeEach和beforeResolve之后

2.组件级守卫 是在组件中写入 和data同级

2.1、beforeRouterEnter   这是在路由进入之前调用的，有三个参数to、from、next  ，但是它不能获取组件实例

2.2、beforeRouterUpdata 这是在路由进行更新时调用的 主要搭配动态路由一起使用，有三个参数to、from、next

2.3、beforeRouterLeave 这是在路由离开之后调用的，有三个参数to、from、next ，它可以访问获取组件实例

3.单个路由守卫 它是直接在单个路由配置的时候进行设置

它和'path'、'name'是同级的，通过 beforeEnter来进行配置，有三个参数to、from、next