我们先来看一下,在父子组件嵌套时,父子组件的生命周期的执行顺序
父组件
子组件
执行顺序输出
父子组件嵌套时组件的生命周期的执行顺序
onBeforeMount 和 onMounted
父组件的 onBeforeMount ---> 子组件的 onBeforeMount -->子组件的 onMounted -->父组件的onMouted
vue3的生命周期与vue 2的不同点
vue3没有 beforeCreate和created 使用setUp代替了他们
onBeforeMount
beforeMount与vue3的beforeMount用法一致
虚拟dom生成 ,开始渲染dom节点,子组件在这个时候加载出
onMounted
beforeMount与vue3的beforeMount用法一致
onBeforeUpdate
beforeUpdate与vue3的beforeUpdate用法一致
onUpdated
updated与vue3的updated用法一致
onBeforeUnmount
beforeUnmount与 vue2的beforeUpdate用法是相同的
onUnmounted
unmounted与destroyed用法是相同的
onErrorCaptured
用与异常捕获的