前端面试题：v-model的原理？

vue项目中主要使用v-model指令在表单input、textarea、select等元素上创建双向数据 绑定，我们知道v-model本质上不过是语法糖，v-model在内部为不同的输入元素使用不同 的属性并抛出不同的事件：
1、 text和textarea元素使用value属性和input事件；
2、 checkbox 和 radio 使用 checked 属性和 change 事件；
3、 select字段将value作为prop并将change作为事件；
以input表单元素为例：

相当于
<input v-bind：value="something" v-on：input="something = $event. target.value">
如果在自定义组件中，v-model默认会利用名为value的prop和名为input的事件，如下 所示：
父组件：

子组件：

props:{
value： String
},
methods： {
testl () {
this. $emit (‘ input’,’小红’)
},
}.