vue中计算属性之set和get

computed计算属性中包含了set和get两个方法（回调函数）get回调函数: 当需要读取当前属性值时调用,根据相关的数据计算并返回当前属性的值set回调函数:监视当前属性值发生改变时调用,更新相关的属性值计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算，否则就是多次调用，但只会计算第一次，其他次调用的计算结果采用缓存的结果。注意，如果某个依赖 (比如非响应式属性) 在该实例...

土豆面包　

3341人浏览 · 2020-04-10 11:34:12

土豆面包　 · 2020-04-10 11:34:12 发布

computed计算属性中包含了set和get两个方法（回调函数）

get回调函数: 当需要读取当前属性值时调用,根据相关的数据计算并返回当前属性的值

set回调函数:监视当前属性值发生改变时调用,更新相关的属性值

在这里插入图片描述计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算，否则就是多次调用，但只会计算第一次，其他次调用的计算结果采用缓存的结果。注意，如果某个依赖 (比如非响应式属性) 在该实例范畴之外，则计算属性是不会被更新的。

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