vue3 怎么使用computed 的get 和set 方法

在 Vue 3 中，使用 `computed` 属性的 `get` 和 `set` 方法需要进行一些修改。下面是示例代码：

import { computed } from 'vue';

export default {
  setup() {
    // 创建一个响应式数据
    const count = ref(0);

    // 创建一个 computed 属性
    const doubleCount = computed({
      get() {
        return count.value * 2;
      },
      set(value) {
        count.value = value / 2;
      },
    });

    return {
      count,
      doubleCount,
    };
  },
};

在上面的示例中，我们使用 `computed` 函数创建了一个 `doubleCount` 的 computed 属性。其中，`get` 方法返回了 `count` 值的两倍，而 `set` 方法则将传入的值除以 2 并赋值给 `count`。

在模板中使用 `doubleCount` 属性时，可以像普通的响应式数据一样使用：

<template>
  <div>
    Count: {{ count }} <br>
    Double Count: {{ doubleCount }} <br>
    <input v-model="doubleCount">
  </div>
</template>

这样，当你改变输入框的值时，会触发 `doubleCount` 的 `set` 方法，进而更新 `count` 的值，并且在模板中实时显示出来。