computed 和 watch 的区别和运用的场景

computed：是计算属性，并且computed的值具有缓存，只有他依赖的属性发生变化，下一次获取computed的值才会重新计算属性的值。

上述代码中，reversedMessage 是一个计算属性，它将 message 字符串反转后输出。

适用场景：当我们需要进行计算，并且依赖其他数据时，应该使用computed，可以利用computed的缓存特性，避免每次获取值时都要重新计算(购物车计算价格的案例)。

 

watch：(侦听器)没有缓存性，更多的是观察的作用，可以监听某些数据执行回调。当我们需要深度监听对象中的属性时，可以打开deep：true选项，这样便会对对象中的每一项进行监听。一个数据影响多个数据。
 

上述代码中，watch 监视了 message 数据的变化，并在控制台输出新旧值。 

使用场景：在数据变化时执行异步或者开销较大的操作时，应该使用watch。 watch允许异步操作 (比如：浏览器自适应、监控路由对象、监控自身属性变化)。