vue3数据双向绑定

Vue.js 的双向数据绑定是通过使用 v-model 指令实现的。

在 Vue 中，可以使用 v-model 指令在表单元素上创建双向数据绑定。它实际上是一个语法糖，等价于为输入元素绑定 v-bind:value 和 v-on:input 事件。

例如，在 Vue 中使用 v-model 绑定一个文本输入框：

<template>
  <input v-model="message" placeholder="输入消息">
</template>

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

在这个例子中，文本输入框的值将会被双向绑定到 Vue 实例的 message 属性上。当用户在文本输入框中输入文本时，message 属性也会更新。同样，如果你在 Vue 代码中更新了 message 属性，文本输入框也会自动更新。