vue3中监视一个响应式数据 当这个数据发生变化 拼接上一个字符串‘我’

在Vue 3中，你可以使用`watch`函数或者`reactive`创建的响应式对象的`$set`方法来监视数据变化并执行相应的操作。假设你有一个名为`myData`的响应式数据，你可以这样做：

import { watch } from 'vue';

export default {
  data() {
    return {
      myData: '', // 初始值
    };
  },
  mounted() {
    // 监视myData的变化，并在其改变时拼接字符串'我'
    watch(myData, (newVal) => {
      this.myData = newVal + '我'; // 如果newVal变化，会自动添加'我'到末尾
    });
  }
};

如果你使用的是Vue 3 Composition API，可以使用` computed`配合 `watch`：

import { computed, watch } from 'vue';

export default {
  setup() {
    const myData = ref('');

    // 创建一个计算属性，将myData和字符串'我'拼接
    const displayData = computed(() => myData.value + '我');

    // 使用watch监听myData的变化
    watch(myData, () => {
      displayData.value = myData.value + '我'; // 数据变化时，自动更新displayData
    });

    return { myData, displayData };
  }
};

无论哪种方式，当你更新`myData`时，都会自动触发`watch`并拼接字符串。