computed是计算属性,它是基于它们的响应式依赖进行缓存的。只有当依赖的数据发生变化时,computed才会重新计算 ,使用案列
或者这样使用
watch监听的数据变化时执行指定的回调函数。watch可以用于侦听Vue实例中的任何数据属性。(包括data,props,$ route 、computed 、$store等)
computed不支持异步操作,getter无法等待异步操作完成,它主要用于同步计算的场景;而watch可以处理异步操作,当你需要在数据变化后执行一些耗时的操作时,使用watch会更合适。
默认情况下,computed在组件初次加载时就会开始监听依赖的变化;watch在默认情况下初次加载不执行监听,但如果需要第一次加载时就执行监听,可以通过设置immediate属性为true来达成。