vue 的 computed 和watch 的区别

132 阅读1分钟

image.png

1.computed 计算属性 简化了template 中模板字符串的复杂计算 具有缓存性

2.computed 用来监控自己定义的变量,该变量不用在data中声明 直接在computed中可以定义, 可以在页面上进行双向数据绑定展示出结果或者用作其他处理

3.computed : 监测的是依赖项 依赖值不变的情况下会直接读取缓存变化的情况下才会从性计算

1.watch: 主要用于监控veu实例的变化, 监控的变量必须在data中声明才可以 ,可以监控变量和对象,一般用于路由监控 input 输入框的值 做特殊处理,比较适合的场景是一个数据影响多个数据,它不具有缓存性

2.watch: 监测属性值,只要属性值发生变化,回调函数被处罚执行,

computed计算属性不能执行异步任务,必须执行同步任务,所以说 遇到同步任务 就交给watch,watch也可以 监测commpued属性