如何在vue项目中同时使用多个应用程序?

时间:2019-05-14 21:31:19

标签: vue.js

如果我在vue项目中有两个以上的应用程序。我可以在多个vue应用之间进行交流吗?

<body>
 <div id="app1">
 </div>
 <div id="app2">
 </div>
</body>

1 个答案:

答案 0 :(得分:0)

在同一页面上同时包含两个应用程序是不常见的事情。相反,您可以使用两个组件,例如,将使用vuex进行通信。

但是我能想到的解决方案之一是使用local storage,因为它是为整个域而不是vue应用程序共享的,所以您可以通过某种方式进行交流。

实际上,我猜有可能在两个应用程序之间共享相同的vuex商店,因为您可以为任何组件注入相同的商店,而vue应用程序基本上是一个大组件,例如:

new Vue({
    store,
    render: h => h(App)
  }).$mount('#app1')

new Vue({
    store,
    render: h => h(App)
  }).$mount('#app2')

虽然没有检查。

但是我可能还是考虑拥有一个应用程序