vue中的watch和computer区别

methods：正如他的名字一样，它们是挂载在对象上的函数，通常是Vue实例本身或Vue组件。

computed是计算属性

watch:类似于监听机制+事件机制

相同：：

watch和computed都是以Vue的依赖追踪机制为基础的

它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动

不同的地方：

watch和computed各自处理的数据关系场景不同

1.watch擅长处理的场景：一个数据影响多个数据

2.computed擅长处理的场景：一个数据受多个数据影响

3,watch支持异步 ，computed不支持异步

4.computed计算出来的值的值会被缓存起来，而watch不会

所以⼀般来说需要依赖别的属性来动态获得值的时候可以使⽤ computed ，对于监听到值 的变化需要做⼀些复杂业务逻辑的情况可以使⽤ watch 。