vue父子组件的生命周期顺序

2022-12-21 21:16:50 浏览数 (1)

# vue父子组件的生命周期顺序

# 加载渲染过程

代码语言:javascript复制
父beforeCreate -> 父created-> 父beforeMount-> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

父组件会先执行到beforeMount,接着会执行子组件钩子到挂载结束,再挂载父组件。

# 子组件更新过程

代码语言:javascript复制
父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated

# 父组件更新过程

代码语言:javascript复制
父beforeUpdate -> 父updated

# 销毁过程

代码语言:javascript复制
父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

0 人点赞