vue实例的生命周期
时间: 2023-11-11 15:59:08 浏览: 100
Vue 生命周期
5星 · 资源好评率100%
Vue实例的生命周期包括以下阶段:
1. beforeCreate:实例刚在内存中被创建出来,此时还没有初始化好 data 和 methods 属性。
2. created:实例已经在内存中创建完成,data 和 methods 已经创建完成,此时还没有开始编译模板。
3. beforeMount:模板已经编译完成,但是还没有挂载到页面中。
4. mounted:模板已经挂载到页面中,此时可以进行 DOM 操作。
5. beforeUpdate:响应式数据更新之前调用,此时虚拟 DOM 中的数据还没有更新。
6. updated:虚拟 DOM 数据已经更新完成,页面上的 DOM 元素也已经重新渲染。
7. beforeDestroy:实例销毁之前调用,此时实例仍然完全可用。
8. destroyed:实例已经被销毁,此时不能再访问实例中的任何属性和方法。
阅读全文