vue组件父传子、子传父、兄弟组件之间传值
2018-10-31 本文已影响0人
风的记忆乀
一、父传子
1、在父组件中传入子组件child3
2、传入时,使用v-bind指令绑定2个属性parameValue和parameValue2
![](https://img.haomeiwen.com/i14352809/0c941d3904409cf5.png)
2、在子组件child3中使用props接收(接收一个数组,数组中分别为父组件传递过来的属性parameValue和parameValue2,类型为字符串,也可以接收一个对象,键为传递过来的属性,值为字符串String),
3、将传递过来的属性在DOM中以变量的形式渲染
![](https://img.haomeiwen.com/i14352809/52e2e9d10130c90c.png)
二、子传父
子传父需要事件触发
1、在子组件child4中,在方法中使用$emit函数传递,第一个参数为监听的事件,第二个参数为要传递的值
![](https://img.haomeiwen.com/i14352809/57ce59e6b93308db.png)
2、在父组件child4中,使用传递的事件进行监听,监听到后调用函数fn
3、函数接收一个参数,这个参数就是子组件child4传递的参数
![](https://img.haomeiwen.com/i14352809/585854844e543a96.png)