vue2.x生命周期
时间: 2023-08-21 10:17:51 浏览: 114
vue 生命周期函数
Vue 2.x 的生命周期包括以下几个阶段:
1. beforeCreate:在实例初始化之后,数据观测和事件配置之前调用。
2. created:实例已经创建完成,属性已经绑定,但是真实 DOM 还未生成。
3. beforeMount:在挂载开始之前被调用,相关的 render 函数首次被调用。
4. mounted:实例挂载到真实 DOM 上后调用,此时可以访问到 DOM 元素。
5. beforeUpdate:数据更新时调用,但是虚拟 DOM 重新渲染之前被调用。
6. updated:虚拟 DOM 重新渲染和打补丁之后调用。
7. activated:在使用 keep-alive 组件时,在组件被激活时调用。
8. deactivated:在使用 keep-alive 组件时,在组件被停用时调用。
9. beforeDestroy:实例销毁之前调用。在这一步,实例仍然完全可用。
10. destroyed:实例销毁之后调用,此时所有的事件监听器都已经被移除。
这些生命周期钩子函数可以让你在不同的阶段执行相关的逻辑操作,例如在 created 阶段进行数据初始化,在 mounted 阶段进行 DOM 操作等。
阅读全文