时间戳

首页 > 解决方案 > 如何在一个vue项目中同时使用多个app？

vue.js - 如何在一个vue项目中同时使用多个app？

问题描述

如果我在 vue 项目中有两个以上的应用程序。我可以在几个 vue 应用程序之间进行通信吗？

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

标签： vue.js

解决方案

在同一页面中有两个应用程序是不常见的。相反，您可以使用两个组件进行通信vuex，例如。

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

另外，实际上，我想可以vuex在两个应用程序之间共享同一个商店，因为您可以为任何组件注入同一个商店，而 vue 应用程序基本上是一个大组件，例如：

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

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

虽然没有检查过。

但无论如何我可能会考虑拥有一个应用程序

推荐阅读