Vue--路由嵌套

 

 

 

在实际项目中，都会遇到在同一个页面进行子页面跳转，其实这个原理类似于使用整个项目的入口文件。

废话少说～先上效果图

敲重点：注意看地址栏的路径变化、页面不同的地方，就是想要通过嵌套路由来切换路径实现的效果（不知道我表达的对不对，反正我自己是这么理解的）

 

实现代码图

展示子模版的容器父模版，重点是<router-view/>这个组件，一定要有，这个组件就是会根据你的路由，切换你的子模版。在开头说这个原理类似于使用app.vue这个入口文件的原因就在于此，这个父模版也相当于子模版的入口文件，只不过app.vue 是整个项目的入口文件。