vue-element-admin模版创建项目

Vue命令行指令：
1.安装vue-cli：npm install --global vue-cli
2.创建一个基于 webpack 模板的新项目：vue init webpack 项目名称
3. 安装依赖：cd 项目名称npm install
3运行：npm run dev
4.安装vue-resource插件（通过XMLHttpRequest或JSONP发起请求并处理响应 //get post请求）：npm install vue-resource --save

5.安装路由插件：npm install vue-router --save
6.安装element-ui:npm i element-ui -S(安装好之后要记得在main.js中引入）
7.安装axios（网络框架）：npm install axios -save
8.安装Echarts：npm install echarts --save
9.如果想要终止终端（cmd）正在运行的命令，则ctrl +c

Vue语法（具体使用看项目）：

项目构建：

.env
.env.development：开发环境配置
.env.production：生产环境
.eslintrc：代码规范
Vue.config.js：全局配置信息（很重要）

Store:全局缓存

Router：路由

Permission：权限钩子（类似java面向切面的意思）

Layout:整个框架的布局

登录请求流程：

this.$store.dispatch->


成功设置token

指向

因为做了mock假数据请假拦截，需要注掉mock里的方法

自己测试可以照着mock里的例子自己写假数据

动态路由讲解：

校验登陆成功，获取到用户登录信息

获取用户详情信息

设置路由

侧边栏根据路由动态生成

路由要严格按照这个格式