插件窝 干货文章 vue2的生命周期函数有哪些

vue2的生命周期函数有哪些

周期函数 strong 调用 生命 860    来源:    2024-10-21
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 组件中可用)。