beforeEach
- 全局导航钩子:
router.beforeEach(to,from,next)
- 作用:跳转前进行判断拦截。
- 首先
store
就是一个存放在全局的状态 - 我这里的
store
里面存储的是登陆的信息跟状态 -
beforeEach
接收的参数是一个回调函数 - 函数里面的参数有
to, from ,next
- 每次路由跳转都会进来这个函数
- 例如我从 A -> B 那么这里 to就是B from就是A
- from -> to这里的判断就是
- 如果是登录的,你前往的页面是登录页,则给你跳回Home页 (因为没必要再登录一次)
- 如果你不是登录的,你前往的页面不是登录页,则给你跳回登录页 (不登录不能进去Home查看信息)