vue组件父传子、子传父、兄弟组件之间传值

vue组件父传子、子传父、兄弟组件之间传值

一、父传子
1、在父组件中传入子组件child3

2、传入时,使用v-bind指令绑定2个属性parameValue和parameValue2
vue组件父传子、子传父、兄弟组件之间传值
2、在子组件child3中使用props接收(接收一个数组,数组中分别为父组件传递过来的属性parameValue和parameValue2,类型为字符串,也可以接收一个对象,键为传递过来的属性,值为字符串String),

3、将传递过来的属性在DOM中以变量的形式渲染
vue组件父传子、子传父、兄弟组件之间传值
二、子传父
子传父需要事件触发

1、在子组件child4中,在方法中使用$emit函数传递,第一个参数为监听的事件,第二个参数为要传递的值
vue组件父传子、子传父、兄弟组件之间传值
2、在父组件child4中,使用传递的事件进行监听,监听到后调用函数fn

3、函数接收一个参数,这个参数就是子组件child4传递的参数
vue组件父传子、子传父、兄弟组件之间传值
作者:风的记忆乀
链接:https://www.jianshu.com/p/1cd65b383ff7
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。