vue之生命周期钩子函数

Posted qdlhj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue之生命周期钩子函数相关的知识,希望对你有一定的参考价值。

1、vue router.beforeEach

beforeEach的钩子函数,它是一个全局的before 钩子函数, (before each)意思是在 每次每一个路由改变的时候都得执行一遍。

它的三个参数:

to: (Route路由对象) 即将要进入的目标 路由对象 to对象下面的属性: path params query hash fullPath matched name meta(在matched下,但是本例可以直接用)

from: (Route路由对象) 当前导航正要离开的路由

next: (Function函数) 一定要调用该方法来 resolve 这个钩子。 调用方法:next(参数或者空) ***必须调用

 

next(无参数的时候): 进行管道中的下一个钩子,如果走到最后一个钩子函数,那么 导航的状态就是 confirmed (确认的)

next(‘/‘) 或者 next({ path: ‘/‘ }): 跳转到一个不同的地址。当前的导航被中断,然后进行一个新的导航。

 

以上是关于vue之生命周期钩子函数的主要内容,如果未能解决你的问题,请参考以下文章

Vue生命周期及钩子函数

详解Vue八大生命周期钩子函数

详解Vue八大生命周期钩子函数

Vue——生命周期和钩子函数的一些理解

Vue笔记(Vue生命周期 11个钩子)

Vue生命周期钩子函数的使用以及应用场景