vue2 中 执行顺序 :beforeCreate => created => beforeMount => mounted => beforeUpdate => updated => beforeDestroy => destroyed
vue3 中 执行顺序 setup => onBeforeMount => onMounted => onBeforeUpdate => onUpdated => onBeforeUnmount => onUnmounted
对应关系
vue2 -> vue3
beforeCreate -> setup
created -> setup
beforeMount -> onBeforeMount
mounted -> onMounted
beforeUpdate -> onBeforeUpdate
updated -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed -> onUnmounted
父子组件执行顺序
挂载阶段
执行顺序为:
父beforeCreate => 父created => 父beforeMount => 子beforeCreate => 子created => 子beforeMount => 子mounted => 父mounted
更新阶段
执行顺序为:
父beforeUpdate => 子beforeUpdate => 子updated => 父updated
销毁阶段
执行顺序为:
父beforeDestroy => 子beforeDestroy => 子destroyed => 父destroyed
规律就是:父组件先开始执行,然后等到子组件执行完,父组件收尾。
作者:MenChem
链接:https://www.jianshu.com/p/7bd78a7f8191
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。