vue3 组件双向数据绑定代码

在 Vue 3 中，你可以使用以下代码来实现双向数据绑定:

<template>
  <input v-model="message" />
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello'
    }
  }
}
</script>

在这个例子中，文本输入框的内容会被绑定到 `message` 变量上。当你在文本框中输入文字时，`message` 的值也会跟着更新。

注意，在 Vue 3 中，你还可以使用双向数据绑定的简写方式：

<input bind:value="message" />

这种方式的效果和使用 `v-model` 是一样的。