vue父子组件的生命周期

简介: 系列

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

加载渲染过程

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

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

子组件更新过程

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

父组件更新过程

父beforeUpdate -> 父updated

销毁过程

父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed
相关文章
|
7月前
|
JavaScript
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
116 0
|
5月前
|
JavaScript 前端开发
vue2【详解】生命周期(含父子组件的生命周期顺序)
vue2【详解】生命周期(含父子组件的生命周期顺序)
606 0
|
7月前
|
JavaScript API
vue3父子组件相互调用方法详解
vue3父子组件相互调用方法详解
|
7月前
|
JavaScript
【vue实战】父子组件互相传值
【vue实战】父子组件互相传值
50 1
|
7月前
|
JavaScript 数据处理 定位技术
Vue中的钩子函数:揭秘组件的神秘生命周期
Vue中的钩子函数:揭秘组件的神秘生命周期
135 0
|
7月前
|
JavaScript 前端开发 开发工具
Vue传家宝:父子组件传值指南
Vue传家宝:父子组件传值指南
84 0
|
7月前
|
JavaScript 前端开发 小程序
Vue、React和小程序中的组件通信:父传子和子传父的应用
Vue、React和小程序中的组件通信:父传子和子传父的应用
88 0
|
JavaScript
Vue组件间通信(父传子)
Vue组件间通信(父传子)
|
前端开发 JavaScript 小程序
Vue、React和小程序中的组件通信:父传子和子传父
Vue、React和小程序中的组件通信:父传子和子传父
92 0