计算属性和watch的区别

1、计算属性有缓存，当缓存的依赖发生变化时，重新计算，返回一个返回值；2、计算属性有getter和setter，默认为getter.监听属性不分set和get。3、计算属性用来同步执行计算数据，监听属性可以有异步事件。备注：在vue2中可以使用计算属性返回data对象里如obj：{a:1，b:2}的a 的属性，使用监听这时可以使用监听属性监听到属性a 的变化；在vue2后面的一些版本里也可以使

人间致远

4441人浏览 · 2021-08-18 19:56:04

人间致远 · 2021-08-18 19:56:04 发布

1、计算属性有缓存，当缓存的依赖发生变化时，重新计算，返回一个返回值；

2、计算属性有getter和setter，默认为getter.监听属性不分set和get。

3、计算属性用来同步执行计算数据，监听属性可以有异步事件。

备注：

在vue2中可以使用计算属性返回data对象里如obj：{a:1，b:2}的a 的属性，使用监听这时可以使用监听属性监听到属性a 的变化；在vue2后面的一些版本里也可以使用obj.a 对属性a进行监听。

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