vue使用bus进行兄弟组件传值

vue使用bus进行兄弟组件传值,第1张

如果需要不触发事件,就把值传递给兄弟组件,那么必须通过异步的方法传递,例如axios或者setTimeout

busjs

Appvue

子组件HelloWorldvue

子组件Childvue

组件A

组件B

组件A

组件B

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使用bus进行兄弟组件传值全部的内容,包括:vue使用bus进行兄弟组件传值、vue组件父传子、子传父、兄弟组件之间传值、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9607542.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存