从0到1完成一个Vue后台管理项目（二十一、网上地图资源、树形控件及路由权限分析、路由守卫）
往期
从0到1完成一个Vue后台管理项目（一、创建项目）
从0到1完成一个Vue后台管理项目（二、使用element-ui）
从0到1完成一个Vue后台管理项目（三、使用SCSS/LESS，安装图标库）
从0到1完成一个Vue后台管理项目（四、引入axios、配置路由）
从0到1完成一个Vue后台管理项目（五、登录页（表单校验的使用和封装））
从0到1完成一个Vue后台管理项目（五、登录页，mock，token，axios封装）
从0到1完成一个Vue后台管理项目（六、404页）
从0到1完成一个Vue后台管理项目（七、Header、Footer、页面布局）
从0到1完成一个Vue后台管理项目（八、Menu改造完善、子组件创建、配置路由）
从0到1完成一个Vue后台管理项目（九、引入Breadcrumb面包屑，更改bug）
从0到1完成一个Vue后台管理项目（十、列表API封装、Table列表渲染、表格数据转换）
从0到1完成一个Vue后台管理项目（十一、前端分页实现）
从0到1完成一个Vue后台管理项目（十二、学生table列表删除、查询、重置）
从0到1完成一个Vue后台管理项目（十三、信息列表页面实现：对话框新增、DateTimePicker 日期时间选择器）
从0到1完成一个Vue后台管理项目（十四、对话框封装、接口联通、api优化 很重点（封装思想））
从0到1完成一个Vue后台管理项目（十五、作业列表、表格数据方法的封装）
从0到1完成一个Vue后台管理项目（十六、后端分页方法以及分页组件的封装以及复用）
从0到1完成一个Vue后台管理项目（十七、使用Echarts：柱状图、折线图）
从0到1完成一个Vue后台管理项目（十八、基础地图绘制）
从0到1完成一个Vue后台管理项目（十九、地图区域样式设置、区域文字和立体设置）
从0到1完成一个Vue后台管理项目（二十、地图涟漪、线图）
网上地图资源
chartsdev.com：chartsdev.com
我们随便找一个资源
我们可以直接cv数据
效果
使用el-tree
我们可以打印一下值，看看是什么
页面效果
动态路由思路
- 权限管理和动态路由的思路
- 根据不同的用户登陆上来，返回对应的路由权限菜单
- 一般可以通过树形控件达到权限的精准控制，根据不同的角色，勾选不同的菜单权限，将菜单数据提交给
后端进行保存 - 后端保存之后，在用户进行登录都时候就会查询该用户的菜单数据，最终进行动态的渲染展示
- 动态添加路由使用addRoutes方法
获取树形控件选中的值
路由导航守卫拦截验证
这样我们必须通过login才能进入别的页面
下一篇：【C++11】新特性入门