9.其他功能

一、退出登录功能

 

 

 二、角色管理界面--分配权限（难点）

、el-tree

 

 

 

 

 

 

 

 

 

 点击编辑时还需要进行回显。

 

 只设置叶子结点。这里还用到了nextTick（考点）。

三、商品统计页面

其实就是请求数据然后进行展示，其中用到了el-row、el-col、el-card。

 

 

 

 这里用到了script setup！

首先要保证自己使用的vue版本在3.2.0以上，那么vue如何升级呢？npm install vue@next,

同时因为vue是通过@vue/compiler-sfc编译的，所以这个最好也升级一下。

 

 把这个逻辑抽取到hooks中，方便以后如果有其他组件使用，因为和base-echart耦合度比较高，所以我不抽取到全局的hooks中。