首页 / 科技百科 / 正文

vue父子组件生命周期执行顺序 

Vue父子组件的生命周期执行顺序如下:

1. 加载渲染过程:

同步引入时生命周期顺序为:父组件的beforeCreate、created、beforeMount,然后子组件的beforeCreate、created、beforeMount,接着子组件的mounted,最后是父组件的mounted。

异步引入时生命周期顺序为:父组件的beforeCreate、created、beforeMount、mounted,然后子组件的beforeCreate、created、beforeMount、mounted。

2. 子组件更新过程:父组件的beforeUpdate,然后子组件的beforeUpdate,接着子组件的updated,最后是父组件的updated。

3. 父组件更新过程:父组件的beforeUpdate,然后父组件的updated。

4. 销毁过程:父组件的beforeDestroy,然后子组件的beforeDestroy,接着子组件的destroyed,最后是父组件的destroyed。

如有侵权请及时联系我们处理,转载请注明出处来自