vue-cli

Posted 2022-07-13 zfdbk

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




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

管理对象模块