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>中




备注:如果下载模块显示不全 有可能是指令有误

管理对象模块
posted @ 2019-08-14 16:12  薄荷zz  阅读(147)  评论(0编辑  收藏  举报