vue父子组件传参

1.父页面引入子页面

123.png

2.父页面建立一个空对象用作存储要传的值

232.png

3.将要传的值写入空对象

333.png

4.子页面写props并且将父页面空对象名写入进去，用作接受父页面数据

444.png

5.子页面写一个空数组或空对象用作存储数据

555.png

6.watch监听数据

777.png

（ps：传入过来的数据用forEach进行遍历，v.value为遍历后的需要遍历的键值对，这些键值对应是父页面传过来的，this.item2=this.item是将传来的数据给封装的弹窗）