vue双向数据绑定

Vue的双向数据绑定是指数据的改变可以自动更新视图，视图的改变也可以自动更新数据。在Vue中，通过v-model指令实现双向数据绑定，它可以绑定表单元素（如input、textarea、select等）的value或checked属性，并自动响应用户输入事件。例如：

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

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

在这个例子中，<input>元素的值与message数据属性进行绑定，当用户输入内容时，message会自动更新，同时视图中的{{ message }}也会自动更新。