vue父子组件兄弟组件之间的通信和访问

Posted zhangruiqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue父子组件兄弟组件之间的通信和访问相关的知识,希望对你有一定的参考价值。

注意:比较复杂的嵌套类的通信问题都建议使用vuex

一、父组件->子组件

  (1)直接关系:

    1. 属性传值(props)

    2. $children(数组)

    3. $refs

  (2)跨多层关系:

    1. provide / inject

二、子组件->父组件

  (1)直接关系:

    1. 事件传值

    2. $parent

  (2)跨多层关系:

    1. 暂无

三、兄弟组件

  (1)使用事件中心,实例化一个空的 Vue 实例(建议使用vuex) 

 

 

 

 

 

 

 

 

 

 

 

  

 

以上是关于vue父子组件兄弟组件之间的通信和访问的主要内容,如果未能解决你的问题,请参考以下文章

vue父子组件之间的通信

12.组件化开发2-非父子组件之间通信-祖先和后代之间的通信

vue的$emit 与$on父子组件与兄弟组件的之间通信

vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例

vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例

vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例