vue-shop(三)——权限列表及商品分类

1、权限列表组件创建并配置路由规则。
2、绘制页面。
3、获取权限数据。
4、权限列表表格绘制数据填充，标签的用法。
5、用户、角色、权限三者的关系：

6、角色组件、路由规则。
7、绘制页面。
8、获取角色数据。
9、角色列表表格数据渲染。
10、展开列。
11、展开列角色权限列表渲染。
12、根据ID删除角色权限。
13、分配权限。
14、树形控件的使用。
15、树形控件的使用优化。
16、每个树节点用来作为唯一标识的属性，整棵树应该是唯一的，这里我们使用绑定对象中的ID

17、权限分配
这里需要所有选中状态和半选中状态的ID


17、用户分配角色。
18、下拉菜单
19、绘制商品分类页面。
20、安装三方插件vue-table-with-tree-grid。

官方文档：https://github.com/MisterTaki/vue-table-with-tree-grid

可以参考demo。

21、分页功能的实现。
22、添加分类的对话框。
23、分类功能的实现。
24、商品参数页面的绘制。

25、添加Vue富文本编辑器。

使用文档：
https://github.com/surmon-china/vue-quill-editor#readme

26、安装深拷贝依赖

26、安装echart

查看某一个组件的使用详情：

https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts
安装好使用报错，经查是5.0版本太高:

卸载，重装后正常展示了。

npm install echarts@4.9.0