vue 组件通讯（即传值）有哪几种形式

答：vue 组件通讯大致有三种：父传子，子传父，还有兄弟之间通讯

第一种：父传子：主要通过 props 来实现的

具体实现：父组件通过 import 引入子组件，并注册，在子组件标签 上添加要传递的属性，子组件通过 props 接收，接收有两种形式一是通过数组 形式[‘要接收的属性’ ]，二是通过对象形式{ }来接收，对象形式可以设置 要传递的数据类型和默认值，而数组只是简单的接收

第二种：子传父：主要通过$emit 来实

具体实现：子组件通过通过绑定事件触发函数，在其中设置 this.$emit(‘要派发的自定义事件’，要传递的值)，$emit 中有两个参数一 是要派发的自定义事件，第二个参数是要传递的值 然后父组件中,在这个子组件身上@派发的自定义事件,绑定事件触发的 30 / 73 methods 中的方法接受的默认值,就是传递过来的参数

第三种：兄弟之间传值有两种方法：

方法一：通过 event bus 实现

具体实现:创建一个空的 vue 并暴露出去，这个作为公共的 bus,即当作两 个组件的桥梁，在两个兄弟组件中分别引入刚才创建的 bus，在组件 A 中通过 bus.$emit（’自定义事件名’，要发送的值）发送数据，在组件B中通过bus.$on （‘自定义事件名‘,function(v) { //v 即为要接收的值 }）接收数据

方法二：通过 vuex 实现 具体实现：

vuex 是一个状态管理工具，主要解决大中型复杂项目的数据 共享问题，主要包括 state,actions,mutations,getters和 modules 5个要素， 主要流程：组件通过 dispatch 到 actions，actions 是异步操作，再 actions 中通过 commit 到 mutations，mutations 再通过逻辑操作改变 state，从而同 步到组件，更新其数据状态

第四种：Vue祖孙组件怎么传值

祖孙组件，也就是 3 层嵌套的组件。关于 vue 中父子组件之间的数据传递是通过 props 和 $emit 实现，参考Vue 父子组件传值。

那祖孙组件之间传值怎么实现，先了解下面的几个 vue 属性。

$props

当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象 property 的访问。

$attrs

$attrs 是一个 Object，它包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。

如果组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件。