美文网首页
vue组件父传子、子传父、兄弟组件之间传值

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

作者: 风的记忆乀 | 来源:发表于2018-10-31 20:27 被阅读0次

一、父传子

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

2、传入时,使用v-bind指令绑定2个属性parameValue和parameValue2

2、在子组件child3中使用props接收(接收一个数组,数组中分别为父组件传递过来的属性parameValue和parameValue2,类型为字符串,也可以接收一个对象,键为传递过来的属性,值为字符串String),

3、将传递过来的属性在DOM中以变量的形式渲染

二、子传父

子传父需要事件触发

1、在子组件child4中,在方法中使用$emit函数传递,第一个参数为监听的事件,第二个参数为要传递的值

2、在父组件child4中,使用传递的事件进行监听,监听到后调用函数fn

3、函数接收一个参数,这个参数就是子组件child4传递的参数

相关文章

网友评论

      本文标题:vue组件父传子、子传父、兄弟组件之间传值

      本文链接:https://www.haomeiwen.com/subject/wzcztqtx.html