VUE----watch和compute

1.computed:计算属性

computed是一个对象，而里面需要计算的属性是一个函数的返回值。计算属性默认只有getter，可以在需要的时候自己设定setter。在data中没有直接声明出要计算的变量，也可以直接在computed中写入。
computed适用场景


2.computed与methods

区别：计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。
为什么需要缓存？假设有一个性能开销比较大的计算属性 A，它需要遍历一个巨大的数组并做大量的计算。然后可能有其他的计算属性依赖于 A 。如果没有缓存，将不可避免的多次执行 A 的 getter！如果不希望有缓存，请用方法来替代
3.watch

watch与computed相似，也是一个对象，侦听的属性，是通过一个方法的返回值。在侦听的属性对应的函数中的参数，为当前侦听属性的值。使用 watch 选项允许执行异步操作等，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。如果在data中没有相应的属性的话，是不能watch的

例如：