vue2.x自定义组件上使用v-model指令

我们都知道v-model是双向数据绑定经常用到的指令,今天学习到在组件上使用v-model指令,感觉还挺不错的,分享一下

总数{{total}}

运行上面代码,可以发现点击按钮是正常+1的效果,不过这次组件$emit()的事件名是特殊的input,在使用组件的父级,并没有在上使用@input="handle",而是直接用了v-model绑定的一个数据total。

其实上面的示例大多数都是用自定义事件来实现,可以改写为

总数{{total}}

这篇写的目的是想说明,有些时候传值可以使用v-model来进行父子组件传值,可以省略自己再去定义一个事件去接收子集传的值




你可能感兴趣的:(vuejs)