目录

一、文件配置

1.文件协议配置

2. env文件配置

 3.生产和开发环境基地址配置

 二、elementUI使用

 三、核心路由配置

四、Layout 布局

五、登录表单

1.定义表单变量

 2.表单校验三要素

 3.表单校验

 4.登录请求

 5.使用js-cookies存储token

6. 将登录请求放入vuex中

 7.退出登录

①设置退出方法

 ②退出点击事件

 ③退出

 六、主页页面-【侧边栏、头部、主体】

 1.模块化

 2.侧边导航

七、表格

1.表格中使用插槽 

 八、导航守卫

 九、获取用户资料 

1.注册请求方法

2.获取

 十、简化vuex-模块抽离

 十一、侧边栏折叠

 十二、导航守卫拆分

十三、侧边导航设置路由

1.思路图

 2.静态和动态路由

 3.路由设置

 ①会员设置

 ②系统设置​编辑

 ③内容设置​编辑

 ④广告设置

 ⑤导入​编辑

 ⑥设置路由

 十四、活动导航

$route.meta.matched内容

十五、vuex模块化

---

一、文件配置

1.文件协议配置

2. env文件配置

 3.生产和开发环境基地址配置

 二、elementUI使用

 

  

 三、核心路由配置

四、Layout 布局

五、登录表单

1.定义表单变量

 2.表单校验三要素

 3.表单校验

 4.登录请求

 5.使用js-cookies存储token

 

6. 将登录请求放入vuex中

 7.退出登录

①设置退出方法

 ②退出点击事件

 

 ③退出

 六、主页页面-【侧边栏、头部、主体】

1.模块化

 2.侧边导航

七、表格

1.表格中使用插槽 

 八、导航守卫

 九、获取用户资料 

1.注册请求方法

2.获取

 十、简化vuex-模块抽离

 十一、侧边栏折叠

 十二、导航守卫拆分

十三、侧边导航设置路由

1.思路图

 2.静态和动态路由

 3.路由设置

①会员设置

 ②系统设置

 ③内容设置

④广告设置

 

 

 ⑤导入

 ⑥设置路由

 十四、活动导航

$route.meta.matched内容

 

十五、vuex模块化