钩子函数的执行顺序

Posted

tags:

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

参考技术A 不使用keep-alive

beforeRouteEnter --> created --> mounted --> destroyed

使用keep-alive

beforeRouteEnter --> created --> mounted --> activated --> deactivated

再次进入缓存的页面,只会触发beforeRouteEnter -->activated --> deactivated 。created和mounted不会再执行。我们可以利用不同的钩子函数,做不同的事。务必理解上述钩子函数的执行时机和执行顺序。

activated和deactivated是使用keep-alive后

以上是关于钩子函数的执行顺序的主要内容,如果未能解决你的问题,请参考以下文章

钩子函数的执行顺序

Vue-的父组件和子组件生命周期钩子函数执行顺序

vue 生命周期钩子用法以及执行顺序

vue父子组件钩子函数的执行顺序

VUE生命周期中的钩子函数及父子组件的执行顺序

Vue 的父组件和子组件生命周期钩子函数执行顺序?