Vue.js如何区分同一页面中的路由器视图“看起来像”

Question

我正在使用Vue.js重构网站（同时学习vue.js）。 我的Vue2项目是由“ vue init webpack my-project”创建的。

业务逻辑：

“索引”页面提供了跳转到“登录”页面的按钮，“登录”可以在提交后跳回。我认为应该有一个上页，其中包含在“索引”和“登录”之间切换的信息。将其称为“ view1”。

“索引”具有一个导航栏，可在内容区域中切换“第1页”和“第2页”。我认为，“索引”应包含在其中。称为“ view2”。

作为“ page1”显示，它有一个侧栏来显示“ content1”和“ content2”。因此，涉及另一个名为“ view3”的

。

期望

1. 在“ view1”区域上切换“索引”和“登录”
2. 在“ view2”区域切换“ page1”和“ page2”
3. 在“ view3”区域切换“ content1”和“ content2”

问题

区域区域：view1> view2> view3。当显示“ content2”时，view1以及view2和view3都应嵌入 我读了普通路由器和嵌入式路由器，并命名为路由器，但是还没有设计。我不明白   this。$ router.push（'/ index / page2'） 可以告诉'view2'切换到'page2'而不是告诉'view1'或'view3'做某事。还是我应该使用其他方法在视图之间进行定向？

谢谢

Answer 1

似乎子组件仅绑定到子路由器视图，至少可以正常工作（例如：jsfiddle.net/keag65tw）。我稍后再尝试$ router.push。