vue3中对对象增添属性也会加入到响应式

code_LiangH

4271人浏览 · 2021-11-20 21:11:38

code_LiangH · 2021-11-20 21:11:38 发布

我们先来看看看vue2版本：

vue2版本中对一个对象增添属性不会有响应式，需要通过set方法来进行控制，比如一下

点击点击岁数按钮时，岁数不会显示到页面中去。

再来看看vue3版本：

这时点击按钮时，岁数会发生变化，如下：

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