序言：vue组件通信方式大家都会有所了解，大多涉及到的也都是父子组件通信或者是兄弟组件通信，至于祖孙组件通信大多使用Vuex仓库实现。本文将使用一种全新的方式实现组件（无论隔几代）间通信。

序言：我们都知道vue父子组件通信主要通过props和事件，那还知道其他形式的通讯方式吗？本文将一一为你揭晓。

传值问题 父传子 父组件 {代码…} 子组件 {代码…} 子传父 父组件 {代码…} 子组件 {代码…} 方法调用问题 父调子 方法一： 使用$refs父组件 {代码…} 子组件 {代码…} 子调父 方法一： 使用 this$emit()调…

{代码…}

组件通信 vue本身的组件通信 父==>子：父组件向子组件传参或者调用子组件的方法 子==>父：子组件向父组件传参或者调用父组件的方法 兄弟之间：兄弟组件之间传参或者调用方法 父子通信 传参 – props 思路：…

对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。

常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。

常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。

这个数据流是单向的。数据流向是从父组件传到子组件。也就是说，父级 prop 的更新会向下流动到子组件中，但是反过来则不行。现在我们需要写一个博文组件，展示博文的标题和内容。标题和内容这些数据是从父组件获…