Vue组件间信息传递方法实例详解如何实现？

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

前言+兄弟组件的信息传递有三种方式：

1.Vuex 传递。将信息公有化，可在所有组件间传递数据。

2.建立Vue实例模块传递数据。Vue实例模块成为公共的事件触发器。

3.父子组件直接传递。

前言

兄弟组件的信息传递有三种方式：

1.vuex 传递。

会将信息公有化。

此方法可在所有组件间传递数据。

2.建立Vue 实例模块传递数据。

Vue 实例模块会成为共用的事件触发器。

其通过事件传递的信息不回被公有化。

3.建立事件链传递数据。

一个兄弟组件通过事件将信息传给兄弟组件共有的父组件。

父组件再将信息通过属性传递给另一个兄弟组件。

若兄弟组件不是亲兄弟，而是堂兄弟，也就是他们有一个共同的爷爷，那么此方法会使程序变得繁琐。