Vue的双向数据绑定

最简单的实现v-model数据绑定，只需要在一个组件里面有个props，加上一个value，然后当组件要去修改数据的时候， $emit一个input事件，并且把新的值传出去。这就实现了Vue里面的数据双向绑定。其实，v-model指令就是在组件上加了一个props，以及增加了一个事件监听（比如本demo中的input事件），说白了，在v-model里面作者帮我们封装了这个双向绑定的逻辑，我们只管拿去用就好

一句话总结就是：在数据渲染时使用prop渲染数据 将prop绑定到子组件自身的数据上，修改数据时更新自身数据来替代prop， watch子组件自身数据的改变，触发事件通知父组件更改绑定到prop的数据。

Vue数据绑定这样做的好处：父组件数据改变时，不会修改存储prop的子组件数据，只是以子组件数据为媒介，完成对prop的双向修改。