实现同页面下多个模块交替出现 vue-router路由器详解

在上文表中可以知道

/dish路径对应 DishView.vue视图组件

/order路径对应 OrderView.vue视图组件

<router-link>根据路径链接视图组件

<router-view>根据路径展示视图组件

通过观察下图中<router-view/>的位置

可以明白在ContainerView.vue这个页面之中

组件将会在<router-view/>的位置出现

相当于组件被编辑后替换了<router-view/>

嵌套路由

嵌套路由就是当组件内部发生了变化需要进行组件内部的修改时,

就需要进行嵌套路由