vue3的watch监听计算属性

Vue3中的`watch`选项用于监听数据的变化，并在变化发生时执行回调函数。当你需要监视一个计算属性（即响应式对象中的一个表达式），可以这样做：

export default {
  data() {
    return {
      count: 0,
      message: '初始值'
    };
  },
  computed: {
    // 定义一个计算属性
    squaredCount: {
      get() {
        return this.count * this.count;
      }
    }
  },
  watch: {
    // 监听`squaredCount`的变化
    squaredCount(newVal, oldVal) {
      if (newVal !== oldVal) {
        this.message = `新的平方数是：${newVal}`;
      }
    }
  }
}

在这个例子中，每当`squaredCount`计算结果改变时，`watch`里的回调会被触发。`newVal`是新的计算值，`oldVal`是旧的计算值。你可以根据需求调整回调函数的行为。