vue-cli
Vue-cli安装
1、 npm install vue-cli -g 全局安装
2、 运行vue init webpack(注:模板名称) sell2(注:项目名称)
3、 npm install webpack –g安装webpack
4、 注意:webpack 4.X 开始,需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli –g
5、 npm install axios --save-dev安装axios
6、 npm i element-ui安装element ui
7、 npm i --save jquery安装jQuery
8、npm install vuex --save 安装vuex 管理对象模块
8、 npm install node-sass --save,npm install sass-loader --save安装node-sass
9、 npm run build打包
10、 npm run dev运行
11、 npm install es6-promise --save-dev安装ie支持插件
/*main.js下*/
import promise from 'es6-promise'
promise.polyfill()
登录模块:
1、 绘制登录页面
2、 调用登录接口进行用户和密码登录,将用户名进行存储缓存setstorage
3、 判断ie权限支持vue
首页模块
1、 将header.vue组件跳转保存在<keep-alive>内置组件中,使组件切换过程中将状态保留在内存中,防止重复渲染DOM
2、 路由跳转在<router-view></router-view>中
备注:如果下载模块显示不全 有可能是指令有误
管理对象模块