vue中computed和watch区别

2020-09-08  本文已影响0人  xiaojingy

computed
1、computed是计算属性,也就是依赖某个值或者props通过计算得来得数据;
2、 computed的值是在getter执行之后进行缓存的,只有在它依赖的数据发生变化,会重新调用getter来计算;
3、 不支持异步,当computed内有异步操作时无效,无法监听数据的变化;

watch
1、watch是监听器,可以监听某一个数据,然后执行相应的操作;
2、不支持缓存,数据变直接会触发相应的操作;
3、监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;
4、支持异步操作;

什么时候用computed 什么时候用watch 比较合适?

当多个属性影响一个属性的时候,建议用computed,比如:

fullName(){
  return this.firstName + this.secondName
}

fullName是由firstName和secondName影响的,这种情况就适合computed;

当一个值发生变化之后,会引起一系列的操作,这种情况就适合用watch;

上一篇 下一篇

猜你喜欢

热点阅读