Vue组件之自定义表单组件

今天又看了一遍vue的文档，记得之前学习的时候，官方文档中有提过，v-model指令是一个语法糖，做两件事，一个是给表单控件元素绑定value，第二个是当输入时更新绑定的值，不过后来在"表单控件绑定"章节却找不到关于这点的介绍了，今天复习的时候在"组件"章节的"使用自定义事件的表单输入组件"小节里发现了这个语法糖的详细描述，特在此记录。

vue语法：

<input v-model="message">

实际相当于：

<input v-bind:value="message" v-on:input="message = $event.target.value">

另外还有一点值得注意的是，从这里我们可以看出，如果是自定义的表单组件，并且父组件在加载这个表单组件时使用了v-model指令，那么作为子组件，接收到的prop应该是value而不是message。这点要尤其注意。

---

详见：Vue - 自定义表单组件