浅析Vue自定义组件的v-model(2)

这里备注了几个步骤：

1.当有数据输入时触发了该组件的input事件

2.手动触发父组件的input事件并将值传给父组件

3.父组件的input事件被触发，将传来的值赋给父组件的变量price，实现输入框value到父元素的price的单向绑定

4.父组件value的值绑定到price

5.将父组件的value值通过props传递给子组件，实现了父组件的price到子组件value的单向绑定

小小的总结一下：

•v-bind只能实现单向绑定
•v-model（v-bind+触发的input事件）实现双向绑定

以上所述是小编给大家介绍的浅析Vue自定义组件的v-model ，希望对大家有所帮助！