Vue-路由到组件内的子组件

Question

在Vue中，我有一个名为Container的组件。它由两个组件ComponentA和ComponentB组成。这是Vue应用程序Https的代码：/codesandbox.io/s/p5po0jz47

如何配置路由器以导航到ComponentA上的ComponentB？

Answer 1

我也遇到了类似的挑战。我处理它的方式是在容器模板中注册两个组件，使用容器模板中的<component></component>标签，并使用Vuex管理当前的<component is="">值。

因此，组件A可能具有一个按钮，可以转换到组件B，这将触发Vuex突变，该突变更新诸如{currentComponent: ""}之类的Vuex状态对象，然后Vuex吸气剂将输入<component is="">容器组件。我敢肯定，有更简单的方法可以做到这一点，但是在我的用例中，我希望选择保持不变。