vue的生命钩子函数有哪些?
时间: 2023-11-10 10:35:02 浏览: 75
深入理解Vue父子组件生命周期执行顺序及钩子函数
Vue 的生命周期钩子函数可以分为 4 类:
1. 创建阶段
- beforeCreate:实例刚刚被创建,组件属性计算之前,如 data、methods 等都还未初始化。
- created:实例已经被创建,组件属性已经绑定,但真实的 DOM 还未生成,$el 属性还不存在。
2. 挂载阶段
- beforeMount:模板编译完成,但还未挂载到页面中。
- mounted:实例已经挂载到页面中,DOM 结构已经生成。此时可以访问到 $el 属性。
3. 更新阶段
- beforeUpdate:组件更新之前,可以在这里进行更改数据的操作。
- updated:组件更新完成,DOM 已经重新渲染。此时可以访问到更新后的 DOM。
4. 销毁阶段
- beforeDestroy:实例销毁之前,可以在这里进行一些清理工作。
- destroyed:实例已经被销毁,此时所有的事件监听和子实例都已经被销毁。
阅读全文