vue以组件的形式实现双向数据绑定

Vue以组件的形式实现双向数据绑定

vue的双向数据绑定能够让我们更加轻松的完成某个功能,使用的是v-model这个指令,以下的代码是以组件的形式实现的双向数据绑定,实现的思路就是两个组件之间都在相互传值,也实现了v-model的功能
vue以组件的形式实现双向数据绑定
input标签的 有一个input事件,当输入框中内容发生改变就会触发,Vue中使用@input="方法名"来实现监听值的变化
这个Demo很小,但是打下来收获也不小,更加的理解了双向数据绑定的含义,和组件之间传值的使用,还有input事件。