语法糖(Syntactic Sugar),也称糖衣语法,是由英国计算机学家 Peter.J.Landin 发明的一个术语,指在计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。简而言之,语法糖让程序更加简洁,有更高的可读性。
1. 在子组件发射input事件,父组件监听input事件,这个事件的回调中修改value所绑定的值。
在没有点击input按钮时,父组件子组件的值分别为100
当子组件抛出input事件时,来观察值的变化
2.有关v-model语法糖语法简易理解
2.1 v-model在表单元素上使用
<input v-model="xxx" />
2.2 v-model 在自己定义的组件上使用
<MyCom v-model="xxx" />
上面的写法是快捷方式,它等价于如下复杂的写法:
<MyCom :value="xxx" @input="新值=>xxx=新值" />
总结: v-model做两件事:
1. 向子组件传来一个名为value的属性
2. 在子组件监听input事件,这个事件的回调中修改value所绑定的值
那么就有人问为啥要在自己的组件上用v-model?