vue生命周期各干了那些事
时间: 2023-08-30 10:01:32 浏览: 106
浅析Vue 生命周期
5星 · 资源好评率100%
Vue生命周期指的是在Vue实例创建、运行和销毁过程中,Vue自动执行的一系列方法。以下是Vue生命周期中各个阶段所干的事情:
1. beforeCreate(创建前): 在Vue实例初始化之后,数据观测(data observer)和事件配置(event watcher)之前被调用。在这个阶段,Vue实例的属性和方法还未初始化。
2. created(创建后): 在Vue实例创建完成后立即被调用。在这个阶段,可以对数据、属性进行初始化操作,也可以发起异步请求获取数据。
3. beforeMount(挂载前): 在挂载之前被调用,相关的render函数首次渲染(compile)之前调用。在这个阶段,模板已经编译完成,但尚未挂载到页面中。
4. mounted(挂载后): 在挂载之后被调用。在这个阶段,Vue实例已经被挂载到实际的DOM元素上,可以进行DOM操作或与第三方库交互。
5. beforeUpdate(更新前): 在数据更新之前被调用。在这个阶段,数据已经被修改,但是尚未重新渲染到页面上。
6. updated(更新后): 在数据更新之后被调用。在这个阶段,页面已经被重新渲染,可以操作更新后的DOM。
7. beforeDestroy(销毁前): 在Vue实例销毁之前被调用。在这个阶段,实例的数据和事件监听被移除。
8. destroyed(销毁后): 在Vue实例销毁之后被调用。在这个阶段,Vue实例完全被销毁,不再能够访问相关数据和方法。
以上是Vue生命周期各个阶段所干的事情。通过Vue生命周期,我们可以在特定的阶段执行相关的操作,完成数据的初始化、DOM的渲染以及数据的更新与销毁等任务。
阅读全文