美文网首页
组件传值之兄弟传值

组件传值之兄弟传值

作者: 焚心123 | 来源:发表于2019-12-28 16:17 被阅读0次

兄弟传值:

1、如果有共同的父组件,我们可以使用子传父,父传子

2、通过bus总线传值可以应用在任何情况的兄弟传值

1、声明一个空的vue实例来担任总线的位置


创建bus.png

2、在要传值的组件中引入总线,然后通过Bus.$emit()来派发事件,并且传递要传输的数据


兄弟传值.png

3、在要接收的组件中引入总线,然后通过Bus.$on()来监听事件,同时接受参数。但是监听的事件要写在cre1ated()钩子函数中


兄弟传值接受数据.png

如有问题,欢迎留言!!!

相关文章

  • 组件之间的传值

    组件之间的传值,包括父子组件传值,兄弟组件之间的传值,其中父子组件包括父组件向子组件传值和子组件向父组件传值,现在...

  • angular组件之间的传值

    父子组件传值 父组件给子组件传值通过属性绑定的方式 子组件通过发送是事件给父组件传值 兄弟组件相互传值 兄弟组件通...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

  • Vue.js 父子组件传值 . 兄弟组件传值

    概述 vue中组件之间的传值传值情况主要有以下三种 父组件向子组件传值子组件向父组件传值兄弟组件之间相互传值或者是...

  • 组件传值之兄弟传值

    兄弟传值: 1、如果有共同的父组件,我们可以使用子传父,父传子 2、通过bus总线传值可以应用在任何情况的兄弟传值...

  • uni-app通信方式

    一,组件间传值包括下面三种情况: 1,父组件给子组件传值 2,子组件给父组件传值 3,兄弟组件通讯 二 代码1 父...

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

  • Day5 拾遗 emit

    vue emit多个参数利用arguments来获取子组件传值或者兄弟组件通过emit传值, 通过argument...

  • vuex最详细完整的使用用法

    为什么使用vuex? vuex主要是是做数据交互,父子组件传值可以很容易办到,但是兄弟组件间传值(兄弟组件下又有父...

  • Vue_组件间传值

    1、父组件传值给子组件2、子组件传值给父组件 1、父组件传值给子组件 2、子组件传值给父组件

网友评论

      本文标题:组件传值之兄弟传值

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