1、在components目录下创建一个新的power文件夹，并新建RightsList.vue文件，把基本框架写出来
2、页面写好后希望通过vue-router路由的方式把它加载出来，找到路由文件（router文件夹下的index.js），引入该组件，RightsList需要作为子路由规则加载给/home进行展示，所以在/home路由规则的children属性中添加一个新的路由子规则{paths:’/rights’,component:RightsList}，这样组件就通过路由的形式加载出来了
3、获取数据
3.1在data中定义一个空的权限列表数组
3.2在created（）生命周期函数中调用getRightsList()函数（还未定义）发起这次请求
3.3在methods中定义getRightsList（）函数
// 获取权限列表
async getRightsList(){
const {data:res}=await this.$http.get(‘rights/list’)
if(res.meta.status!==200)return this.$message.eoor(‘获取权限列表失败’)
// 成功则把获取到的数据挂载到rightsList中供模板使用
this.rightsList=res.data
}