角色模块，编写边做笔记

展开列效果：

点击红圈，会默认展开一行，来显示更多信息，这个以前没写过，再次介绍下！

上面也没啥写的，我们在用户管理模块写过crud!

好了，还要一个分配权限的按钮也加上！

行，我给大家稍微贴下代码：

 <el-table :data="roleList">
                <el-table-column type="expand"></el-table-column>
                    <el-table-column type="index">

                    </el-table-column>
                    <el-table-column lable ="角色名字" prop="roleName">

                    </el-table-column>

                    <el-table-column label="操作">
                        <!-- <template slot-scope="scope"> -->
                        <template>
                            <el-button type="warning" size="mini" icon="el-icon-edit">修改</el-button>
                               <el-button type="danger" size="mini" icon="el-icon-delete">删除</el-button>   
                               <el-button type="info" size="mini" icon="el-icon-setting">分配权限</el-button>   
                            
                        </template>
                    </el-table-column>
            </el-table>

行，上面都很简单，我们下面开始下 el-tree 来展示树状结构：

（在此之前，回顾数据结构：1， 线性= 数组+ 链表 2， 非线性= 树 + 图！）

1， 2， 3 代表3 级权限，最后一级权限，没有children 属性，因为没有四级权限！ 

行，我们先开始练习下递归函数吧，

 

// todo ...