VueJ：具有vue-router的两个独立和独立的路由/视图

Question

目标：使用vue-router拥有两条单独的，可独立导航的路线。

详细信息：

如何用vue路由器独立路由页面的两个部分？假设您将页面分为main view和sidebar。 main view是您通常希望从视图中看到的内容，单击链接，它会更改路径并加载新组件。 sidebar是完全独立的，无论您在main view中的什么位置，sidebar都不会改变，但是sidebar也具有链接，可让您转到其中的不同组件本身。

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

示例注释：

问题

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

注意：这里没有代码，由于这不是代码问题，而是vue-router用例问题，因此似乎没有必要。

Answer 1

如果您使用两个Vue apps和各自的router，则可以实现独立的独立路由。

此fiddle中的一个小演示。

我使用了2条路线，一条采用history模式，一条使用abstract。

我看到的最大问题是，至少现在，您不能拥有一个将用户指向相同视图的URL，因为现在您正在管理2个不同的路由器。

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

• 如果您使用的是Vuex，则可以在两个对象上都设置相同的store对象
• 如果您仅使用普通的data对象，则可以将同一对象传递给两个实例，并且它们将成为反应性对象，或者
• 您始终可以通过同一条总线进行通信