Vue.js VueJs：两个独立的&；使用vue路由器分离路由/视图

目标：使用vue路由器拥有两条独立的可导航路线

详细信息：

如何使页面的两个部分通过vue路由器独立路由？假设您将一个页面拆分为

主视图

和

侧栏

。

main视图

是您通常希望从视图中看到的，您单击链接，它会更改路径并加载新组件。

侧栏

是完全独立的，

侧栏

不会更改，但是

侧栏

也有链接，可以让您转到其内部的不同组件

使用vue路由器，我可以拥有命名视图，但这些视图似乎与当前路径/路由相关，无法单独控制

示例注释：

问题

vue路由器是否可以有两个独立的、彼此不绑定的路由/视图？如果有，是否有相关文档，是否有路由器代码示例

---

注意：这里没有代码，似乎没有必要，因为这不是一个代码问题，这是一个

vue路由器

用例问题。

如果使用2个

vue应用程序

每个应用程序都有自己的

路由器，则可以实现独立的路由

这是一个小演示

我使用了两条路线，一条是
history
模式，另一条是
abstract

我看到的最大问题是，至少在开箱即用的情况下，您不能有一个URL将用户指向相同的视图，因为现在您正在管理两个不同的路由器

另一个与通信有关，您现在有两个不同的Vue应用程序实例，因此您需要对它们之间的通信做些什么。
但这并不难


如果您使用的是
Vuex
，则可以在这两个对象上设置相同的
store
对象
如果您只是使用一个普通的
数据
对象，那么您可以将同一个对象传递给两个实例，这将成为反应式或

你总是可以通过同一条总线进行通信
我正在考虑这个问题，但这两个vue应用程序是否可以共享vuex状态？它们应该共享，您正在将store对象传递给vue应用程序，以便它们能够共享。我说应该，因为我从来没有真正测试过这个。我在两个不同的应用程序上使用了相同的数据对象，一切正常。