![在这里插入图片描述](https://img-blog.csdnimg.cn/20200520092558410.png)
一、出现此问题的原因
1、vue具有单向数据流的特性:
数据流表示数据流向,用大白话讲就是数据传递。那么单项数据流就是我们的数据单一方向传输。
所有的 prop 都使得父子 prop之间形成了一个单向下行绑定:父级prop 的更新会向下流动到子组件中,但是反过来则不行
二、实现效果
说明: 父组件使用子组件,在子组件中有一个el-input或一个input,需要绑定父组件传递过来的值,并将其操作后,返回给父组件 进行提交
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200521162941153.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ3Mjk0NjM0,size_16,color_FFFFFF,t_70)
三、代码示例
父组件![在这里插入图片描述](https://img-blog.csdnimg.cn/2020052010355496.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ3Mjk0NjM0,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200520103554