Vue中非父子组件间调用方法，如何实现长尾词调用？

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

目录+前言+方式一：使用式+1. vuex+src/store/index.js+2. 被使用组件-A+页面（组件）+3. 使用触发展面-B+页面（组件）+方式二：使用事件总线eventBus定义全局事件+1. src/main.js+2. 触发

目录

• 前言
• 方式一：引用式
• 方式二：vuex
• 1、src/store/index.js
• 2、被使用组件- A 页面（组件）
• 3、使用触发页面-B 页面（组件）
• 方式三：使用事件总线eventBus定义全局事件
• 1、src/main.js
• 2、触发页面-B组件/发布事件
• 3、接收页面-A组件/订阅事件
• 4、移除事件
• 总结

前言

Vue中，一个组件调用其他组件的方法（非父子组件）

场景——B页面（组件）想调用 A页面(组件)中的方法；但是两个页面（组件）毫无关联（刷新 A的数据）。