vue自定义组件实现双向绑定

我们比较常用的父子组件之间的交互方式：今天，我们通过另一种方式实现交互，参考input框的v-model，实现自定义组件的双向数据绑定。由于不能直接修改props属性值，我们这里定义valueData，通过监听实时接收value值，通过click方法修改valueData。两个组件通过v-mode绑定的值始终保持一致。可阅读行大大降低，增加了维护成本。