vue3实现一个v-model

在 Vue3 中，可以通过 `v-model` 指令来实现双向数据绑定。下面是一个示例：

<template>
  <div>
    <label>Name:</label>
    <input v-model="name" />
    <p>Hello, {{ name }}!</p>
  </div>
</template>

<script>
import { ref } from 'vue';

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

    return {
      name,
    };
  },
};
</script>

在上面的示例中，我们使用了 `ref` 函数来定义了一个名为 `name` 的响应式变量。然后，我们使用 `v-model` 指令将这个变量绑定到了一个输入框上。当用户在输入框中输入内容时，`name` 变量的值也会随之变化，从而实现了双向数据绑定。同时，我们在模板中使用了 `name` 变量来展示当前输入框中的值。