router.beforeEach和beforeRouteEnt
2019-08-15 本文已影响0人
浪浪山小妖_
一. 这里介绍下
beforeRouteEnter
,beforeRouteLeave
和router.beforeEach
的理解
- beforeRouteEnter:
to: 理解为当前页面
from:上一个页面/来自哪个页面要是打开的是首页,那么这里from.name==null
- beforeRouteLeave:
to: 下一个页面/即将要进入的目标 路由对象
from:理解为当前页面
两者执行顺序是:
先当前页面的beforeRouteLeave
后下个页面的beforeRouteEnter
举个栗子:
离开A页面进入B页面时: 先调用A页面中的beforeRouteLeave方法,再调用B中的beforeRouteEnter方法
而beforeRouteLeave的
to
和from
跟下面的beforeEach的to
和from
意思一致的
router.beforeEach((to, from, next) => {
// ...
})
二. 它们的用法,请分别点击
router.beforeEach
--by Affandi ⊙▽⊙