computed和watch的区别

在Vue.js中，computed和watch都是数据监听的方式，但是它们的使用场景和实现方式不同。

- computed：计算属性是基于它所依赖的数据进行计算得出结果，只有当依赖的数据发生改变时，才会重新计算。computed本身也是一个响应式的数据，当依赖的数据发生改变时，会自动更新计算结果并触发相应的视图更新。computed适用于计算一些复杂的逻辑，或者需要缓存的数据，避免重复计算。

- watch：观察者监听的是某个数据的变化，当该数据发生变化时，执行相应的回调函数。watch适用于对单个数据进行监控，可以处理一些异步或复杂的操作，例如数据请求、动态渲染视图等。同时，watch还可以监听对象或数组的变化，通过深度监听来触发回调函数。

总的来说，computed和watch都是用于数据监听的方式，但是computed适用于计算复杂逻辑或需要缓存的数据，而watch适用于对单个数据进行监控，或监听对象或数组的变化。