vue 生命周期钩子函数 created/mounted / activated 等

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次mounted(): 是挂载vue实例后的钩子函数，钩子在主页挂载时执行一次，如果没有缓存的话，再次回到主页时，mounted还会执行，从而导致ajax反复获取数据。activated(): 是组件被激活后的钩子函数，钩子则...

Akatsuki233

4487人浏览 · 2019-04-19 17:42:00

Akatsuki233 · 2019-04-19 17:42:00 发布

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次

mounted(): 是挂载vue实例后的钩子函数，钩子在主页挂载时执行一次，如果没有缓存的话，再次回到主页时，mounted还会执行，从而导致ajax反复获取数据。

activated(): 是组件被激活后的钩子函数，钩子则不受缓存的影响，每次重新回到主页都会执行。

执行顺序以及触发次数

	created	activated
触发顺序	组件创建最初始	created => mounted =>activated
触发次数	只在组件刚创建时创建	在使用keep-alive标签中有效，每次进入都会执行钩子中的函数

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}$/, //不连续的两位字母// /^