vue语法糖数据双向绑定

Vue.js 中的数据双向绑定是通过 `v-model` 指令实现的语法糖，它将表单元素的值与 Vue 实例中的数据属性绑定在了一起，从而实现了双向数据绑定。

举个例子，如果我们想要将一个输入框的值绑定到 Vue 实例中的 `message` 属性上，可以这样写：

<template>
  <div>
    <input type="text" v-model="message">
    <p>{{ message }}</p>
  </div>
</template>

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

这样，当用户在输入框中输入内容时，`message` 属性的值也会随之改变，同时，当我们在 Vue 实例中修改了 `message` 属性的值时，输入框中的内容也会随之改变。

需要注意的是，`v-model` 指令只能用于表单元素上，比如 `input`、`select`、`textarea` 等。同时，对于一些特殊的表单元素，如 `checkbox`、`radio` 等，`v-model` 指令的使用方法也有所不同，需要根据具体情况进行调整。