v-moudle双向绑定

v-model是Vue.js中用于实现表单元素和数据的双向数据绑定的指令。它可以将表单元素的值与Vue实例中的数据属性进行双向绑定，当表单元素的值发生变化时，数据属性的值也会同步更新，反之亦然。

v-model可以应用于各种表单元素，包括input、textarea、select等。它的具体用法是在表单元素上添加v-model属性，属性值为Vue实例中的数据属性名。当表单元素的值发生变化时，Vue实例中对应的数据属性也会相应地更新。

例如，在下面的代码中，v-model将input元素与Vue实例中的msg数据属性进行了双向绑定：

<div id="app">
  <input type="text" v-model="msg" />
  <p>{{msg}}</p>
</div>

var vm = new Vue({
  el: '#app',
  data: {
    msg: 'hello world'
  }
});

在这个例子中，当用户在输入框中输入文本时，msg属性的值也会相应地更新，并且在p标签中显示出来。