vue中created(),mounted()与activated()区别及应用

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次（作用：可用于页面预加载数据）；mounted()：页面初始化完成后，加载完dom后触发，与created一样只会触发一次（可用于页面加载数据）activated()：在vue对象存活的情况下，进入当前存在activated()函数的页

木易66丶

5415人浏览 · 2021-08-10 09:57:25

木易66丶 · 2021-08-10 09:57:25 发布

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次（可用于页面预加载数据）；

mounted()：页面初始化完成后，加载完dom后触发，与created一样只会触发一次（可用于页面初始化数据）

activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据（可解决页面返回上一页后，重新进入此页面的数据刷新问题）

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