## 一、概述 v-model是一个指令，限制在`<input>`、`<select>`、`<textarea>`、components中使用；使用v-model可以实现双向数据绑定； ## 二、实例 ``` <div id="app"> <input v-model="message"> <p>The input value is : {{message}}</p> </div> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Word!' } }) </script> ``` data里面message变化的时候，显示的会发生变化，当输入的message变化的时候，data里面的message也会发生变化，也就是双向绑定；