computed 计算属性 能够监听vue数据上的变化，页面上来就执行一次，每改变一次数据就又触发。在操作数据的时候，会派生出另一个事情 get是获取的时候执行的操作。set是修改时候执行的操作 应用场景： 比如在用户输入框改变数据的时候过滤数字 ...

计算属性computed : 1、支持缓存，只有依赖数据发生改变，才会重新进行计算 2、不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3、computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递 ...

，computed是同时监听多个变量值的变化。 watch 监听单个变量值的变化 ...

我们在 Vue 项目中多多少少都会有用到 computed 和 watch，这两个看似都能实现对数据的监听，但还是有区别。所以以下通过一个小栗子来理解一下这两者的区别。 [ 戳 我 查 看 官 网 ] computed 计算属性 　　计算属性基于 data 中声明过或者父组件传递 ...

计算属性computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存 ...

一、computed 和 watch   都可以观察页面的数据变化。当处理页面的数据变化时，我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性，而不是命令是的watch回调。   很容易看出 computed 在实现上边的效果时，是更简单的。 二 、 详解 ...

作者：小土豆 博客园：https://www.cnblogs.com/HouJiao/ 掘金：https://juejin.cn/user/2436173500265335 1. 前言 作为一名Vue开发者，虽然在项目中频繁使用过computed和watch，但从来没有系统的学习 ...

1.computed里是偏向于通过监听data里的值变化后，经过运算返回一个新的计算结果， 所以k不能与data里的k重名，并且必须有return， 能够缓存，依赖的值不变化不会进行重复计算； 而watch是监听data里的值的变化，k是data里的k，不能自己单独定义k ...