(全栈旅行足迹地图打卡网站 0-1)-前端路由(Router)-05(WebGIS Vue-js-go-mysql)

上一节<el-main> <router-view/></el-main>对于侧边栏(Sidebar)组件运用到了Router相关知识，对于初学者或者不是很明白这部分的小伙伴，我在这一节主要介绍一下这部分的知识。再介绍一下项目中实践运用到的路由-router的操作。

专栏项目效果
(全栈旅行足迹地图打卡网站 0-1)-项目概述-01(WebGIS Vue-js-go-mysql)

router-view

它的作用就是在当前页面，通过侧边栏的选择切换不同的组件显示

就如上图所示，当鼠标点击不同的菜单名字时，对应的contain切换不同的样式，而不是切换main的整体样式，添加 router-view的效果就是切换自己想要改变的地方，而不用将页面整体切换。
实际的代码结构就如下:

   <el-ma