vue2与vue3的生命周期的区别?
- vue2的生命周期写在导出的对象中,是对象的一个属性,也就是一个options选项api,而vue3写在setup中是叫做composition组合api。
- 挂载前的生命周期beforeCreated与created被setup所替代。
- 其他的生命周期都加上了on,并且要在vue中解析出来才能使用。
- 与vue2中相同的有一个onErrorCaptured捕获错误,用于捕获子孙组件抛出的错误。
- onRenderTracked是用来在渲染的时候追踪到渲染的这个行为(新增:在开发环境下使用)
- onRenderTriggered是用来在重新渲染的时候追踪到渲染的这个行为(新增:在开发环境下使用)
setup:
那我们可以发现vue3新增加的setup函数是对beforeCreate与created进行了一个替代,也就是在vue进行加载数据的阶段呢不会去调用之前的这两个钩子函数了,而是会直接执行setup函数,包括对与后面其他钩子函数的定义也放在了setup中。我们同样的也可以在里面进行一些其他的,以前会放在beforeCreate与created中的操作。