Vue之自定义组件的v-model

V-model介绍
v-model通常用于表单空的数据绑定,最直观的使用方法就是如下:
1

2
3

1 new Vue({
2 el: '#app',
3 data: {
4 price: ''
5 }
6 });
v-model的使用实际是语法糖:
绑定值:v-bind:value
监听值的改变:@input

即:当使用v-model时,默认同时进行两项绑定操作,利用这个特性 可以实现自定义组件上的v-model;通过这个特性,可以自定义表单组件,利用父子组件传值。
子组件构造