Vue.js 与完全独立的vue组件通信

Vue.js 与完全独立的vue组件通信,vue.js,Vue.js,比如说,我有一个网店和一个购物车的标题,可以展开和删除的东西等标准票价。在vue中实现这一点似乎很容易 现在我在页面上的其他地方按下一个按钮(页面上的哪个位置无关紧要)-如何让购物车更新 换句话说,如何将任意事件连接到vue实例?我认为,将整个页面制作成一个巨大的vue实例是可行的,但这听起来很可疑,可能会影响性能。我想说,让vue只控制应用程序的一部分是可疑的,但您可以从外部引用您的vue实例。如果它有一个名为updateCart的方法,并且您像 const vueInstance = new

比如说,我有一个网店和一个购物车的标题,可以展开和删除的东西等标准票价。在vue中实现这一点似乎很容易

现在我在页面上的其他地方按下一个按钮(页面上的哪个位置无关紧要)-如何让购物车更新


换句话说,如何将任意事件连接到vue实例?我认为,将整个页面制作成一个巨大的vue实例是可行的,但这听起来很可疑,可能会影响性能。

我想说,让vue只控制应用程序的一部分是可疑的,但您可以从外部引用您的vue实例。如果它有一个名为
updateCart
的方法,并且您像

const vueInstance = new Vue(...);

然后您可以调用
vueInstance.updateCart(无论什么)在您的单击处理程序中。

谢谢。我认为这是可疑的,因为我想到的是一个主要由服务器生成的网站,而不是任何接近水疗中心的网站。无论如何,方法只存在于传递给
new Vue()
的对象中的
methods
键下。方法是使用
methods
作为键指定的,但在Vue对象中,它们是顶级成员。请注意,我没有说
vueInstance.methods.updateCart