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里面