vue2watch和vue3watch的区别

vue3watch 和 vue2watch 在 API 层面有几个不同点。

1. 调用方式：在vue2中，我们使用$watch()方法来监听数据的变数；在vue3中，我们使用watch()函数来实现相同的效果
2. 监听数组和对象：vue2中通过设置选项deep:true来深度监听对象或数组的变化。但是这种方式可能会导致性能问题。而在vue3中，可以使用新的ref和reactive响应式API以更好地支持对象和数组的监听
3. 取消观察：在vue2中，返回一个unwatch()方法来取消观察；在vue3中，返回一个可被调用的stop()函数来完成相同的操作
4. 首次触发：在vue2 中需要immediate:true的选项来触发一个监听器的回调函数；在vue3中，默认情况下watch()将立即运行回调函数，如果你希望异步执行回调函数（例如在第一次渲染后），可以将选项 lazy 设置为 true，同时使用 trigger 来强制执行回调函数。

除了以上变化外，Vue 3 的 watch() 还支持调试工具，并且与 Vue 2 工作方式相比更易于优化代码的性能。