简述Vue的生命周期以及每个阶段做的事情

03_简述Vue的生命周期以及每个阶段做的事情

思路

给出概念

列举出生命周期各个阶段

阐述整体流程

结合实际

扩展：vue3变化

回答范例

每个vue组件实例被创建后都会经过一系列步骤。比如它需要数据观测、模板编译、挂载实例到dom、以及数据变化的时候更新dom、销毁组件。而vue的生命周期就是在这些特殊的时间点去做一些事情。

vue生命周期总共可以分为8个阶段：创建前后、载入前后、更新前后、销毁前后，以及一些特殊场景的生命周期。vue3中新增了三个用于调试和服务端渲场景

在vue3中，把beforDestroy destroy更改为了beforeUnmounted unmounted,跟挂载的时候刚好相反，更加好记忆

renderTracked：调试钩子、响应式依赖被收集时调用

renderTriggered：调试钩子，响应式依赖被触发时调用

serverPrefetch: ssr only ，组件实例在服务器上被渲染前调用

问题：

setup和created谁先执行？

setup先执行，因为vue3生命周期图上面有。

setup中为什么没有beforCreate created？

由于setup发生的时刻是早于created，所以就不应该把beforCreate created这两个钩子放在setup里面

ated，所以就不应该把beforCreate created这两个钩子放在setup里面