vue2的生命周期函数有哪些
vue.js 2 提供以下生命周期函数:创建前:beforecreate、created挂载前:beforemount、mounted更新前:beforeupdate、updated销毁前:beforedestroy、destroyed错误处理:errorcaptured(仅开发模式)自定义(仅 keep-alive 组件):activated、deactivated
Vue.js 2 生命周期函数
Vue.js 2 中提供了以下生命周期函数:
创建前 生命周期函数
- beforeCreate: 在实例初始化之前调用。
- created: 在实例初始化之后、数据观测和事件/生命周期钩子建立之前调用。
挂载前 生命周期函数
立即学习“前端免费学习笔记(深入)”;
- beforeMount: 在虚拟 DOM 渲染之前调用。
- mounted: 在虚拟 DOM 渲染之后、真实 DOM 元素更新之前调用。
更新前 生命周期函数
- beforeUpdate: 在数据更新之前调用。
- updated: 在数据更新之后、虚拟 DOM 和真实 DOM 重新渲染之后调用。
销毁前 生命周期函数
- beforeDestroy: 在实例销毁之前调用。
- destroyed: 在实例销毁之后调用。
错误处理 生命周期函数
- errorCaptured:在捕获错误时调用(仅在开发模式下可用)。
自定义生命周期函数
Vue.js 2 还允许您定义自定义生命周期函数:
- activated:在组件激活时调用(仅在 Keep-Alive 组件中可用)。
- deactivated:在组件停用时调用(仅在 Keep-Alive 组件中可用)。