Vue生命周期函数  也叫Vue生命周期钩子，就是Vue实例在某一时间点自动执行的函数。

一个有11个生命周期函数，

分别是：

beforeCreate : 创建Vue实例前的时候执行，

created :  创建Vue实例完成后执行，

beforeMount : Vue实例开始渲染前执行，

mounted  :  Vue实例渲染完成后执行，

beforeUpdate  :  Vue实例修改前执行，

updated  :  Vue实例修改完成后执行，

beforeDestroy  : Vue开始消亡前执行，

destroyed  : Vue实例消亡后执行，

activated  ：组件激活时调用。该钩子在服务器端渲染期间不被调用。

deactivated  ：  组件停用时调用。该钩子在服务器端渲染期间不被调用。

errorCaptured  :   当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false 以阻止该错误继续向上传播。

生命周期图示如下：

Vue å®ä¾çå½å¨æ

 

 

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue