vue中watch和computed的区别？

watch和computed的区别表达意思不同 watch：看，注视；观看（电视节目、比赛等）；关注；照看，守护；当心，留意；监视；表，手表；观察，监视； 警卫队，治安队；警戒时间watch中的函数是不需要调用的，computed内部的函数调用的时候不需要加括号。

Watch是属性监听，监听属性的变化；computed是计算属性，通过属性计算而得来的属性watch需要在数据变化时执行异步或开销较大的操作时使用区别一： watch监听的是一个变量 （或者一个常量） 的变化，这个变量可能是一个单一的变化也可能是一个数组。

computed可以监听很多个变量，但是这个变量一定是vue实例里面的区别： computed中不支持异步操作，而watch中是支持异步操作 watch 监听的是已经在 data 中定义的变量，当该变量变化时，会触发 watch 中的方法。

watch：类似于监听机制+事件机制在大部分情况下我们都会使用computed，但如果要在数据变化的同时进行异步操作或者是比较大的开销，那么watch为最佳选择watch为一个对象，键是需要观察的表达式，值是对应回调函数。

watch只监听数据的值是否发生改变，而不会去监听数据的地址是否发生改变也就是说，watch想要监听引用类型数据的变化，需要进行深度监听，使用 deep：true 可进行深度监听watch和computed的区别及用法。

指代不同 computed： (用计算机或计数器)计算；估计watch：注视；看守；观看；手表；监视；看守；值班侧重点不同 computed： 多用于表示人在使用计算机或计算器在进行计算、估算watch中的函数是不需要调用的，computed内部的函数调用的时候不需要加括号。

Watch是属性监听，监听属性的变化；computed是计算属性，通过属性计算而得来的属性watch需要在数据变化时执行异步或开销较大的操作时使用区别一： watch监听的是一个变量 （或者一个常量） 的变化，这个变量可能是一个单一的变化也可能是一个数组。

computed可以监听很多个变量，但是这个变量一定是vue实例里面的不支持异步，当computed内有异步操作时无效，无法监听数据变化 computed属性值默认会走缓存，计算属性是基于他们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值。

但数据量较大的时候，用watch更合适；在过滤数据的时候用computedcomputed的基础用法：计算属性的getter函数---当其依赖的属性的值发生变化的时，这个计算属性的值也会自动更新多用于data，computed的属性。

区别： computed中不支持异步操作，而watch中是支持异步操作 watch 监听的是已经在 data 中定义的变量，当该变量变化时，会触发 watch 中的方法vue的计算属性理解及与watch的区别。

1、区别一： watch监听的是一个变量 （或者一个常量） 的变化，这个变量可能是一个单一的变化也可能是一个数组computed可以监听很多个变量，但是这个变量一定是vue实例里面的2、计算属性computed在使用时，一定要注意，函数里面的变量都会被监听，只要里面的某一个值变动，便会将整个函数执行一遍。

3、计算属性默认只有 getter，不过在需要时你也可以提供一个 setterwatch选项是一个对象，键是data里面的数据，值是对应的回调函数，回调函数有两个参数分别为修改后的值newValue和修改前的值oldValue。

4、区别： computed中不支持异步操作，而watch中是支持异步操作 watch 监听的是已经在 data 中定义的变量，当该变量变化时，会触发 watch 中的方法5、Vue 实例上的数据变动：watch 属性。

当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch——特别是如果你之前使用过 AngularJS然而，通常更好的想法是使用 computed 属性而不是命令式的 watch 回调6、Vuejs中关于computed、methods、watch的区别。

1#computed：计算属性将被混入到 Vue 实例中所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例2#methods：methods 将被混入到 Vue 实例中。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。