vue的v-model指令的基本原理，以及如何在自定义组件上使用v-model绑定值

1.v-model的用法

v-model的用法都知道，表单控件使用v-model绑定一个data中的值即可实现双向绑定：

<input type="text" v-model="val" />

data(){
   
	return {
   
		val: 0
	}
}

2.v-model是什么

它其实就是一个语法糖，这个在vue官网也明确说明了。

以<input type="text"/>为例，它其实就是:value(v-bind:value)和@input(v-on:input)的简写。以下两个<input />组件的双向绑定功能是一样的：

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