vue3中watch监听状态是不是太潦草了？

在Vue 3中，`watch` API 确实比 Vue 2更简洁了一些，但在一定程度上也可以说比较“精简”。Vue 3引入了更高级的响应式系统——Ref 和Computed，这使得对于简单的状态监听，可以直接使用它们而不是显式地编写`watch`。

`watch`在Vue 3中的主要用途在于监听复杂依赖或者深层次的对象变动，以及手动控制更新策略，例如在某些特定条件下才触发更新。它不像Vue 2那样需要显式指定目标属性和回调函数，而是采用更为直观的形式：

// Vue 3 语法
watch(
  // 监听的目标
  target,
  // 变化后的回调
  handler,
  {
    // 过滤只在某些情况下更新（可选）
    deep: true,
    immediate: true, // 是否立即执行一次回调（可选）
  }
)

然而，如果你只需要追踪基本的属性变化，推荐使用`ref`和`reactive`来替代。例如，你可以创建一个`ref`来存储状态，并通过`.value`访问它的值：

const myValue = ref(null); // 或者直接使用let myValue;
myValue.value = ...;

// 相当于 Vue 2 的：
// watch(myValue, handler)

这种形式更清晰且不需要显式的`deep`检查，除非真的需要深入响应式跟踪。总的来说，Vue 3的`watch`不是“潦草”，而是设计得更加灵活，允许开发者根据场景选择合适的响应式解决方案。不过，理解何时使用哪种工具是很重要的。