简述 Vue2 的生命周期
时间: 2023-06-29 14:08:52 浏览: 80
Vue 生命周期
5星 · 资源好评率100%
Vue2 的生命周期可以分为 8 个阶段:
1. beforeCreate:组件实例刚被创建,属性和方法还未初始化。
2. created:组件实例已经完成了属性的设置,但是 $el 属性还没有被设置,无法访问 DOM。
3. beforeMount:模板编译完成,但是还未挂载到页面上。
4. mounted:组件已经被挂载到页面上,可以访问到 DOM 元素。
5. beforeUpdate:组件更新之前,可以在这个钩子函数中进行更新前的操作。
6. updated:组件更新之后,可以在这个钩子函数中进行更新后的操作。
7. beforeDestroy:组件销毁之前,可以在这个钩子函数中进行销毁前的操作。
8. destroyed:组件已经被销毁,可以在这个钩子函数中进行清理工作。
在这些钩子函数中,我们可以根据需要选择在不同的阶段进行一些操作,比如在 created 钩子函数中进行数据初始化,在 mounted 钩子函数中进行一些 DOM 操作,在 beforeDestroy 钩子函数中进行一些清理工作等等。
阅读全文