vue的watch和computed的相同和不同、各自优缺点

一：watch和computed的相同和不同

相同点：

1. 都是用来监听数据更新的。
2. 都可以返回一个新的值或执行一些额外的代码。
3. 都能够避免在模板中进行复杂的逻辑处理。

不同点：

1. watch可以监听到对象或数组的变化，而computed只能监听到响应式数据的变化。
2. computed有缓存机制，只有当依赖数据变化时才会重新计算，而watch监听到任何变化都会执行回调函数。
3. computed必须有返回值，而watch不需要。
4. computed可以作为计算属性在模板中直接使用，而watch不能。

二：各自优缺点：

watch的优点：

1. 可以监听到任何数据的变化，包括对象和数组。
2. 可以执行一些复杂的逻辑，比如异步请求数据等。
3. 不需要返回任何值，可以更加灵活。

watch的缺点：

1. 不如computed方便，需要手动执行回调函数。
2. 监听多个数据时会变得比较复杂。

computed的优点：

1. 具有缓存机制，可以避免重复计算。
2. 可以作为计算属性直接在模板中使用，代码更加简洁。
3. 可以帮助减少模板中的复杂逻辑。

computed的缺点：

1. 只能监听到响应式数据的变化，不能监听到对象或数组的变化。
2. 必须有返回值，有时不够灵活。