Vue组件间非父子方法调用具体实现步骤详解？

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

目录+前言+方式一：引用式+src/store/index.js+被使用组件-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的数据）。