vue3 witch 监听多个

Vue3中的`watch`函数可以用于监听数据的变化并执行对应的回调函数。如果你想同时监听多个属性，你可以将这些属性作为数组传入`watch`，然后给回调函数添加处理逻辑。例如：

export default {
  data() {
    return {
      prop1: '',
      prop2: 0,
      prop3: false,
    };
  },
  watch: {
    props: {
      handler(newValues) {
        // 这里newValues是一个对象包含了所有被监听属性的新值
        console.log('All properties updated:', newArrayValues);
        
        // 如果你想对每个属性单独处理，可以用for-in循环
        for (const key in newValue) {
          // 分别处理prop1, prop2, prop3...
        }
      },
      deep: true, // 如果props是个对象，并且你想深度监听其变化，则设置deep为true
    },
  },
};

在这个例子中，`props`就是包含`prop1`, `prop2`, 和 `prop3`的数组。每当这些属性有任何改变，`handler`函数都会被调用。