vue-element项目实战之商品管理系统

梦幻之光_dream

已于 2022-04-20 19:14:58 修改

阅读量2.9k

点赞数 1

分类专栏： Web前端开发文章标签： elementui vue.js webpack echarts npm

于 2022-04-20 16:44:34 首次发布

本文链接：https://blog.csdn.net/william_fang/article/details/124299427

版权

gitee源码

https://gitee.com/dreamer-F/fang

1.该项目采用vue-cli、vue-element、vue-router、element-ui、sass、axios、vue、vuex、mock、echarts、es6、webpack、node等技术进行的商品后台系统开发。

2.该项目由登录、会员等级、会员列表、商品详情、商品列表、用户中心等页面组成。

3.该项目有登录、注册、重置、增删改查等功能。

在这里插入图片描述

HBuilder X

https://blog.csdn.net/William_fang/article/details/122472625

https://blog.csdn.net/William_fang/article/details/122489197

https://element.eleme.cn/#/zh-CN/component/installation

vue init webpack vue-element

在这里插入图片描述

cd vue-element

npm install vue-router --save-dev

npm i element-ui -S

npm install sass-loader@7.3.1 node-sass --save-dev

npm install

注意事项：项目需要本地导入一下。

1.安装axios框架（-s相当于-save，保存）：npm install axios -s

作用：用于异步请求，获取数据。
        
异步请求：需要一个回调函数去接受我们请求的数据。
        
好处：它可以避免回调地狱，可以在我们的请求和响应前进行一个拦截。

2.安装vuex框架：npm install vuex –save

作用：用于管理vue程序开发的状态。

3.vuex解决数据刷新后消失的方法。

在app.vue中，监听刷新的事件，调用saveState，在store下的index.js中写user。

有值就拿当前的，没值就user一个。

4.由于所有状态会集中到对象中，应用会逐渐变得复杂，这时候vuex模块化可以进

关注

专栏目录