router.beforeEach和beforeRouteEnt

2019-08-15  本文已影响0人  浪浪山小妖_

一. 这里介绍下beforeRouteEnter,beforeRouteLeaverouter.beforeEach的理解

  1. beforeRouteEnter:
    to: 理解为当前页面
    from:上一个页面/来自哪个页面 要是打开的是首页,那么这里from.name==null
  1. beforeRouteLeave:
    to: 下一个页面/即将要进入的目标 路由对象
    from:理解为当前页面

两者执行顺序是:
先当前页面的beforeRouteLeave后下个页面的beforeRouteEnter

举个栗子:
离开A页面进入B页面时: 先调用A页面中的beforeRouteLeave方法,再调用B中的beforeRouteEnter方法

而beforeRouteLeave的tofrom跟下面的beforeEach的tofrom意思一致的

router.beforeEach((to, from, next) => {
  // ...
})

二. 它们的用法,请分别点击
router.beforeEach

--by Affandi ⊙▽⊙

上一篇 下一篇

猜你喜欢

热点阅读