v-model实现原理

1.使用场景

1.1 表单元素：一般用来收集用户数据

<input v-model='name' />

1.2 非表单元素（组件）：实现父子组件数据双向绑定

从以上示例可以得出结论，v-model能做的事，props+$emit也能做 

2.底层工作原理 

 v-model实际上是一个语法糖。

语法糖，指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。

// ①
// a是在父组件定义数据
<Son v-model="a" />

// ②
<Son :value="a" @input="(val)=>{ a = val}" />

 代码 ① 就是代码 ② 的语法糖