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

Question

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

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

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

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

Answer 1

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

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

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

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

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

(.*\={1})\d+(\D*)

这是一个简单的例子：http://codepen.io/CodinCat/pen/VPBBeZ?editors=1010