vue生命周期-对比

一、生命周期

• vue2:

  // —— 挂载——
-   beforeCreate—— 在实例初始化之后，data/observer和事件配置之前被调用
-   created——  data已初始化，计算属性/event/watch事件回调，但dom树并未挂载 （可进行数据操作，无dom）
-   beforeMount—— 在挂载前被调用，render函数首次被调用生成虚拟dom
-   mounted—— 挂载完成，dom树已经渲染，可进行dom操作   （Ajax、dom操作）
  // —— 更新——  
-  beforeUpdate—— 数据有更新被调用   （访问现有dom）
-  updated——  虚拟dom重新渲染补丁，以最小dom开支重新渲染dom
  // —— 销毁——
- beforeDestroy—— 实例销毁之前调用，但还可防蚊实例数据 （销毁定时器、解绑全局事件，销毁插件对象）
- destroyed—— 组件销毁后调用  

• vue3:

 // —— 挂载 
 //—— 更新 
 //— 销毁 ——