8.0 vue3生命周期

上一篇：vue3 watchEffect函数https://blog.csdn.net/qq_42543244/article/details/122291727

记录vue3的生命周期,于vue2相比，变化并不算很大，最大的变化是，组合式的开发，意味着如果需要在某个生命周期中写点代码，那么前提是必须引入，然后叫法单词上发生的一些变化，先看官网给出的周期图：

vue2：

vue3: 

 然后有两种写法，为了能更好的呈现出来，我就直接贴代码了：

父组件（因为生命周期中有卸载前，已卸载的周期函数，所以我在父组件中进行了v-if的切换）

子组件（Demo.vue）

 大概就是这些，演示下，父子组件的渲染顺序

（父组件setup --- > 父组件挂载前 --->  子组件setup--->子组件挂载前--->子组件挂载后--->父组件键挂载后）

 就到这里吧！

下一篇：

vue3 自定义hook函数https://blog.csdn.net/qq_42543244/article/details/122644055