美文网首页
非父子组件传值

非父子组件传值

作者: 汉堡大痴 | 来源:发表于2018-07-30 11:29 被阅读0次

当两个组件不是父子组件的时候,如何给对方传值?

步骤:1,我们要定义一个Vue实例作为中间媒介,默认在工具函数中定义一个js,并暴露vue实例

           2,新建两个兄弟组件,并在App.vue中被引用

           3,在其中一个组件引用所暴露的vue实例,广播数据-->$emit();在另一个组件上接收广播的数据-->$on

下面我们来看具体的操作:

在工具函数定义一个js,暴露vue实例:

新建两个组件:

App.js的挂载组件:

相关文章

  • vue2.0的三种常用传值方式,并且如何实现?

    vue2.0 组件传值方式有三种:父组件向子组件传值,子组件向父组件传值,非父子组件传值 : 父传子: 首先现在父...

  • VUE组件(传值,生命周期)

    VUE生命周期 VUE子传父组件通信 VUE非父子组件传值

  • vue 组件之间传值方法

    1. 父组件向子组件传值 父组件: 子组件: 2. 子组件向父组件传值 子组件: 父组件: 3. 非父子之间传值 ...

  • vue中的组件通信

    一、组件通信(组件传值) 1.1父子组件通信 1.2子父组件通信 1.3非父子组件通信(兄弟组件通信)

  • vue不同组件间传值方式

    父传子子传父非父子传值 1.父组件向子组件进行传值 父组件: 子组件: 2.子组件向父组件传值 子组件: 父组件:...

  • Vue父子组件通信和双向绑定

    本篇文章主要介绍父子组件传值,组件的数据双向绑定。 1. 基础父子组件传值 父子组件传值,这是Vue组件传值最常见...

  • 组件之间的传值

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

  • vue 父子组件传值 $on sync v-model

    1、正常的父子组件传值2、使用sync 实现父子组件传值3、使用v-model实现父子组件传值

  • Vue组件通讯的实现方法有哪些?

    有三种,分别是1、父组件向子组件传值;2、子组件向父组件传值;3、非父子组件传值; 父向子传值:父组件定义一个属性...

  • vue初步学习---组件弹出框的实现

    当你使用终端命令建立vue项目时候,我们可能需要父组件向孙组件传值,或者非父子组件传值,或子组件向父组件传值的时候...

网友评论

      本文标题:非父子组件传值

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