在其他组件 Vue js 上传递对象

Question

我是 Vue.js 的初学者，我有点困惑如何在其他组件中传递对象...

我的问题是我有两个名为 Component A 和 Component B. 的组件文件 组件 A 有三个按钮，组件 B 应该获取数组。

我想做的是每当我点击组件A时，组件B将获取数据

我试图通过参数传递它，但我没有得到我想要的输出，请帮忙。提前致谢。

Answer 1

您需要的是自定义事件。您可以使用 vue 实例作为事件总线：

const bus = new Vue()

单击按钮时，ComponentA 将发出一个事件。

onClick () {
  bus.$emit('onAClick')
}

ComponentB 侦听该事件并在事件发生时调用 API。

bus.$on('onAClick', () => {
  this.contentFromAPI = fetchAPI()
})

Pass object on other component Vue js