父子组件生命周期函数执行顺序
生命周期函数执行顺序
//加载渲染过程
父组件 beforeCreate
父组件 created
父组件 beforeMount
子组件 beforeCreate
子组件 created
子组件 beforeMount
子组件 mounted
父组件 mounted
//更新过程
父组件 beforeUpdate
子组件 beforeUpdate
子组件 updated
父组件 updated
//销毁过程
父组件 beforeDestroy
子组件 beforeDestroy
子组件 destroyed
父组件 destroyed
为什么关心这个?
偶然看到有人使用这种这些用法:
vue 先执行 父组件中 mounted 再执行子组件的 mounted 的处理【子组件调用父组件的接口回调数据的坑】
Vue 踩坑:async mounted 方法和父子组件 mounted 方法的执行顺序