记一个vue中data定义变量的坑

开发项目中无意发现，vue中methods直接写this.a="sss"，没有在data中定义会发现vue不会报错，按道理他会报a is not defined,然后实际操作这个变量会发现他没有产生vue的响应，就是我修改了这个值，在视图上是不会改变的。查看文档发现：...

iorn_mangg

5110人浏览 · 2020-05-12 17:07:34

iorn_mangg · 2020-05-12 17:07:34 发布

开发项目中无意发现，vue中methods直接写this.a="sss"，没有在data中定义会发现vue不会报错，按道理他会报a is not defined,

然后实际操作这个变量会发现他没有产生vue的响应，就是我修改了这个值，在视图上是不会改变的。

查看文档发现：

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