search

ForeveHG / Frontend-Daily-Interview

学习,尝试回答一些前端面试题
1 stars 0 forks source link

38. Vue 的父组件和子组件生命周期钩子执行顺序是什么 #39

Open ForeveHG opened 4 years ago

ForeveHG commented 4 years ago

同步组件中：

首次挂载： 父beforeCreate -> 父create -> 父beforeMounted -> 子beforeCreate -> 子create -> 子beforeMounted -> 子mounted -> 父mounted

更新： 父子组件之间互不影响时， 父组件更新： 父beforeUpdate -> 父updated 子组件更新： 子beforeUpdate -> 子updated

父组件更新影响子组件时(如props)，父组件更新： 父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated 子组件更新影响父组件时(如$emit触发父组件事件更改props值)，子组件更新： 父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated

销毁： 父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

ForeveHG commented 4 years ago

异步组件的首次挂载和同步组件不同：

父beforeCreate -> 父create -> 父beforeMounted -> 父mounted -> 父beforeUpdate -> 子beforeCreate -> 子create -> 子beforeMounted -> 子mounted -> 父updated