侧边框，点击那个亮那个

点击那个显示那个字段名称

home建立时，创建activePath

前端绑定

面包屑导航

卡片视图

覆盖原有样式 ！important

css 调整样式

栅格系统 Layout

获取管理员列表

设置浏览页码值，共有页码数，一页显示内容数量

获取数据

渲染用户列表数据

美化处理：边框线

开关的  作用域插槽

取出数组内容

自定义插槽（绑定id），定义操作栏目的选项

数据实现分页操作

两个元素，最新页码值和每页显示条数  点击那个，后台显示那个

第一步获值，第二部重新获取数据

选择显示每页1条，页面只显示一条

监听 switch 开关状态绑定、

前端界面

绑定后台函数

后台请求方式：修改-put

请求路径：users/:uid/state/:type

   注：“：”一般为参数

按钮-信息提示

实现过程
1。监听switch开关的chitch事件，2.发起ajax事件请求 3.调用接口同步前端状态

async  await  获取数据的异步操作

https://www.jianshu.com/p/b4fd76c61dc9

搜索功能

文本框和数据库内容进行双向绑定

点击确定按钮，获取用户列表的函数

可清空按钮

清空输入框后，列表内容进行重置

点击删除按钮之后，显示全部用户列表

添加用户功能-弹出页面功能

控制用户对话框的显示与隐藏

按钮添加点击事件，可显示内容为true

点击取消 确定 按键，弹出框显示隐藏

引入  ref     验证规则  rules

实现自定义验证规则

关闭表单后，表单内容初始化

箭头函数，接收其返回的结果

访问数据接口，将前端数据内容保存至数据库中

修改用户权限

按钮点击效果是否出现在于，对话框是否 显示与隐藏

vue按钮点击效果的操作流程

修改流程：取原来数据，修改后，保存新数据

取当前行数据

修改用户名称

return： 设置修改表单规则

重置保存数据

实现保存数据功能

删除用户功能

实现点击效果：

使用“消息盒子”对此操作进行配置

消息盒子

进行异步操作设置

取消显示信息框，确认显示后台

发起数据，删除数据请求

发起用户删除操作