vue中的v-model

默认元素v-model：

vue 中的v-model 实现了对数据的双向绑定，即 数据->模版，模版-> 数据 的绑定， 例如：

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

v-model 是经过vue封装后的一个指令，目的是方便我们使用，它内部真实的实现方式：

<input :value="message" @input="message = $event.target.value">

上面一共两个步骤：

• 1、将输入框的值value 绑定到message 变量上，这样改变 message 的值可以改变输入框的值，但是改变输入框的值不能改变message 的值。
• 2、监听输入框的input事件，当发生输入内容时，改变message变量的值，这样就实现了双向绑定。

官网上说，v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件：

• text 和 textarea 使用 value 和 input事件
• checkbox 和 radio 使用 checked 和 change事件
• se