Vue3 setup() 中监听 a-select 变化并输出到控制台

在 Vue 3 的setup()函数中，你可以通过使用watch()函数来监听a-select的改变并将结果输出给控制台。以下是一个示例代码：

import { ref, watch } from 'vue';

setup() {
  const yncf = {
    cfDoctor: ref(null) // 创建一个响应式的变量用于存储a-select的值
  };

  // 监听a-select的改变
  watch(yncf.cfDoctor, (newValue, oldValue) => {
    console.log('新值:', newValue);
    console.log('旧值:', oldValue);
  });

  return {
    yncf
  };
}

在上面的示例中，我们通过ref()函数创建了一个响应式的变量cfDoctor来存储a-select的值。然后使用watch()函数来监听cfDoctor的改变，并在回调函数中将新值和旧值输出到控制台。

注意：在 Vue 3 中，watch()函数的用法略有不同，需要传入一个响应式的变量作为第一个参数，而不是像 Vue 2 中使用字符串表示要监听的变量名。