vue父子组件的生命周期

简介: 系列

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

加载渲染过程

父beforeCreate -> 父created-> 父beforeMount-> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

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

子组件更新过程

父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated

父组件更新过程

父beforeUpdate -> 父updated

销毁过程

父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed
相关文章
|
6月前
|
JavaScript 前端开发 API
浅谈Vue3——父子组件传值
浅谈Vue3——父子组件传值
267 0
|
6月前
|
JavaScript
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
107 0
|
12月前
Vue3.0实现todolist之父子组件之间传值
Vue3.0实现todolist之父子组件之间传值
57 1
|
4月前
|
JavaScript 前端开发
vue2【详解】生命周期(含父子组件的生命周期顺序)
vue2【详解】生命周期(含父子组件的生命周期顺序)
465 0
|
6月前
|
JavaScript
Vue父子组件传值
<!-- 父组件向子组件传地值 -->
39 2
|
6月前
|
JavaScript API
vue3父子组件相互调用方法详解
vue3父子组件相互调用方法详解
|
6月前
|
JavaScript
【vue实战】父子组件互相传值
【vue实战】父子组件互相传值
45 1
|
6月前
|
JavaScript 数据处理 定位技术
Vue中的钩子函数:揭秘组件的神秘生命周期
Vue中的钩子函数:揭秘组件的神秘生命周期
128 0
|
11月前
|
JavaScript
Vue组件间通信(父传子)
Vue组件间通信(父传子)