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

2024.07.12 20:17
阅读 5
渲染过程:
1、父组件 beforeCreate
2、父组件 created
3、父组件 beforeMount
4、子组件 beforeCreate
5、子组件 created
6、子组件 beforeMount
7、子组件 mounted
8、父组件 mounted
注意:如果有多个子组件如上反复执行
1、父组件created钩子结束后,依次执行子组件的created钩子;
2、多个子组件的created执行顺序为父组件内子组件DOM顺序;
3、多个子组件的mounted顺序无法保证,跟子组件本身复杂程度有关;
4、一定在所有子组件结束mounted钩子之后,才会进入父组件mounted钩子;
子组件更新过程(影响到父组件):
1、父组件 beforeUpdate
2、子组件 beforeUpdate
3、子组件 updated
4、父组件 updated
子组件更新过程(不影响父组件):
1、子组件 beforeUpdate
2、子组件 updated
销毁过程:
1、父组件 beforeDestroy
2、子组件 beforeDestroy
3、子组件 destroyed
4、父组件 destroyed
学无止境 学至分享
大家好,我是对IT技术着迷的家伙。只为帮助广大程序猿,将正确的内容带给需要的人。

学至分享
微信小程序
随时随地、想看就看

GM记账助手
微信小程序
方便快捷、界面美观

eView
微信小程序
漂亮的跨平台组件库
文章标签
推荐工具