vue遇到过的坑（父组件向输入框组件传值进去，然后子组件利用传进来的数据进行数据绑定的问题与解决方法）

vue.js一大特性是可以实现很多可复用的组件。

我做项目的时候，封装了一个输入框组件，然后页面上所有相同样式的地方都用这个组件来进行调用，刚开始以为实现起来很简单，作为一个vue刚刚学习的人来说，不就是写一个单组件，然后各个页面input的问题吗，可是实际当我在进行传值的时候遇到了问题，因为我们传值过程中，vue一向遵循的是数据耦合，不会去更改两者之间的数据，vue也提供了报错，但是在进行父组件传值到子组件，而且子组件的这个属性v-model绑定了，当我们在输入框上改变的值会去更改父组件的值。解决办法如下

父组件



子组件



重点内容
input组件内部维护私有数据，通过computed赋值，watch变化通过$emit通知父组件