静态网页模板简约_肇庆seo排名_郑州网站推广公司咨询_博客营销案例

一、是什么

Vue中的实例从创建到销毁的过程就是生命周期，即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程

二、Vue2生命周期

Vue2生命周期总共可以分为8个阶段：创建前后，载入前后，更新前后，销毁前销毁后，以及一些特殊场景的生命周期

三、Vue2生命周期整体流程

• 组件实例创建之前beforeCreate，初始化vue实例
• 组件实例已经创建created，可调用methods中的方法，访问和修改data数据
• 组件挂载到实例之前beforeMount，这个阶段只有虚拟dom
• 组件挂载到实例之后mounted，这个阶段才有真实dom
• 组件数据更新之前beforeUpdate，这个阶段的数据是被渲染在模板上的初始数据
• 组件数据更新之后updated，这个阶段的数据是更新后的数据
• 组件实例销毁之前beforeDestroy，vue实例被销毁之前
• 组件实例销毁之后destroyed，vue实例被完全销毁

四、Vue3生命周期

1. 在 Vue 3 中，生命周期钩子的名称和行为有一些变化

   • 组件实例创建阶段（beforeCreate与created）用setup代替
   • beforeMount -> onBeforeMount
   • mounted -> onMounted
   • beforeUpdate -> onBeforeUpdate
   • updated -> onUpdated
   • beforeDestroy -> onBeforeUnmount
   • destroyed -> onUnmounted

2. 新增的生命周期钩子

   • onRenderTracked：当渲染触发的依赖追踪时调用，可以用来调试和性能分析
   • onRenderTriggered：当渲染触发的依赖更改时调用，可以用来调试和性能分析