搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"Vue 的父组件和子组件生命周期钩子函数执行顺序？"

转载翻译原创

问答题 · 前端 · vue · @{ formatTime(detail.create_time) }

Vue 的父组件和子组件生命周期钩子函数执行顺序？

Vue 的父组件和子组件生命周期钩子函数执行顺序可以归类为以下 4 部分：

1、加载渲染过程

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

2、子组件更新过程

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

3、父组件更新过程

父 beforeUpdate -> 父 updated

4、销毁过程

父 beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: vue2.x生命周期有哪些？; Vue组件通信方式有哪些？; package.json 和 package-lock.json的区别？; Vue2.x和Vue3.x有什么区别?; 组件中 data 为什么是一个函数？; vue中v-if和v-show有什么区别？; Vue 3.0 在编译方面有哪些优化？; Vue.js 3.0 响应式系统的实现原理？; vue3 watch和watchEffect的作用与区别？

回顶部