VUE指令-数据绑定v-model

用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data选项中声明初始值。

VUE框架数据绑定模型(MVVM)

v-model: "xxx" 文本输入框

<!-- 文本输入框<input/> --> <!-- 格式v-model="变量" --> <div style="height: 150px;background: #CCC;margin: 5px;">      <div style="font-size: 20px;">          v0.文本输入框</div>      <hr />      <div>          <div>               <input v-model="v0_message" style="font-size: 20px;"></input>               <p>{ {v0_message}}</p>          </div>      </div> </div>

v-model: "xxx" 多行文本输入

<!-- 多行文本输入框<textarea/> --> <!-- 格式v-model="