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;