vuecli3+typescript 关于构造函数constructor, 生命周期 created 初始化变量的试探

在ts+vue项目中，组件类继承自vue类，可以使用constructor构造函数，变量的初始化可以在定义的时候实现，也可以在构造函数中实现，而我一开始选择了在created中实现，踩了个深坑。。。我将变量的初始化放在了created里，发现之后的赋值不会触发视图更新！！变量的值可以更改，但是就是不会触发视图更新，也没有任何报错，尝试了一番后，在变量定义的时候赋初值就可以正常视图更...

ArthurKing01

8021人浏览 · 2019-01-02 16:59:52

ArthurKing01 · 2019-01-02 16:59:52 发布

在ts+vue项目中，组件类继承自vue类，可以使用constructor构造函数，

变量的初始化可以在定义的时候实现，也可以在构造函数中实现，而我一开始选择了在created中实现，踩了个深坑。。。

我将变量的初始化放在了created里，发现之后的赋值不会触发视图更新！！

变量的值可以更改，但是就是不会触发视图更新，也没有任何报错，

尝试了一番后，在变量定义的时候赋初值就可以正常视图更新了

接下来又尝试了在constructor构造函数中初始化变量，同样没有问题，

在这里写下来，踩一坑长一智

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