Vue组件之间有哪些通信方式？

本文共计2405个文字，预计阅读时间需要10分钟。

目录+前言+一、父级向子级传递数据+1、传固定具体的数据+2、传动态语法+3、子组件调用父组件+二、子级向父级传递数据+1、使用自定义事件+2、使用$refs+3、同级不同组别以及任意组件之间的通信

目录

• 前言
• 一、父级传数据给子级
• 1、传输固定的具体数据
• 2、动态语法
• 3、子组件调用父组件
• 二、子级传数据给父级
• 1、使用自定义事件
• 2、$refs的使用
• 3、同级别组价以及任意组件之间的数据传递

前言

在前面，我们已经了解了vue的组件以及vue组件之间的层级关系，这个在博主的往期博客，感兴趣的可以往前挪，地址是：

1、vue组件

2、vue组件的层级关系

本文主要编写记录的是，组件之间的通信的模式以及通信的方式，我们的组件之间只能调用自己的属性和自己的方法，不能调用其他组件的属性以及方法，不过就是调用的话，那就是要用到数据通信，那样才能调用该组件的属性和方法。

我们的vue组件含有的最突出的是跨组件的数据流、自定义的事件通信以及构建工具集成的。

一、父级传数据给子级

1、传输固定的具体数据

我们通过一个代码实例了解，父组件传递具体的数据给到子组件。