vue2组件的生命周期
时间: 2023-10-07 09:04:26 浏览: 101
深入理解Vue父子组件生命周期执行顺序及钩子函数
Vue 2 组件的生命周期包括以下几个阶段:
1. 创建阶段(Creation):
- beforeCreate:组件实例刚在内存中创建,但未初始化,此时无法访问组件的 data、props 等属性。
- created:组件实例已经完成初始化,可以访问 data、props 等属性,但此时尚未挂载到 DOM。
2. 挂载阶段(Mounting):
- beforeMount:组件即将被挂载到页面上的 DOM 元素上,但尚未渲染。
- mounted:组件已经被挂载到页面上的 DOM 元素上,并完成了渲染。
3. 更新阶段(Updating):
- beforeUpdate:组件更新之前被调用,此时可以在更新之前访问到更新前的 DOM 和数据。
- updated:组件更新完成后被调用,此时页面上的 DOM 和数据已经完成更新。
4. 销毁阶段(Destruction):
- beforeDestroy:组件即将被销毁之前调用,此时组件实例仍然完全可用。
- destroyed:组件销毁后调用,此时组件实例已经被销毁,无法再访问组件的数据和方法。
需要注意的是,Vue 2.x 还支持一些其他的生命周期钩子函数(如 activated、deactivated 等),用于处理组件的 keep-alive 缓存功能和动态组件切换。但在常规的组件开发中,上述所列的生命周期钩子函数已经足够使用。
阅读全文