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}" />
代码 ① 就是代码 ② 的语法糖