# vue-superMall

**Repository Path**: kkai-regular-script/vue-super-mall

## Basic Information

- **Project Name**: vue-superMall
- **Description**: 基于vue的购物界面
- **Primary Language**: HTML/CSS
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-07-09
- **Last Updated**: 2021-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# vue-superMall
项目正在完成中ing.......

#### 介绍
基于vue.js的购物界面，仿造蘑菇街设计的。
做这个项目学到了许多东西，比如axios网络请求配置、组件的封装、组件之间的传递属性、还有一些性能方面的优化。


#### 软件架构

```
|-- LICENSE
|-- README.en.md
|-- README.md  项目介绍
|-- babel.config.js  基础配置
|-- package-lock.json
|-- package.json
|-- public
|   |-- favicon.ico
|   `-- index.html
|-- src  源代码资源
|   |-- App.vue
|   |-- api 后端api方法
|   |-- assets  静态资源文件
|   |-- common  公共方法
|   |-- components  页面组件
|   |-- main.js  
|   |-- router  路由配置
|   |-- store  Vuex仓库
|   |-- utils  工具类，用于网络请求配置
|   |-- views  项目主页面
|   `-- vue.config.js  项目配置
```



#### 演示图
<table>
 <tbody>
  <tr>
    <td><img src="https://images.gitee.com/uploads/images/2021/0713/104402_d19104b7_8431640.png"></td>
   <td><img src="https://images.gitee.com/uploads/images/2021/0713/104213_90cc93c4_8431640.png "></td>
  </tr>

 <tr>
    <td><img src="https://images.gitee.com/uploads/images/2021/0713/105059_66f0b403_8431640.png"></td>
   <td><img src="https://images.gitee.com/uploads/images/2021/0713/105133_8d771216_8431640.png"></td>
  </tr>
</tbody>
</table>


#### 推送教程（sourceTree可视化界面）

1.  先创建项目，在可视化界面中对项目进行clone，保存在本地仓库中。
2.  缓存将要推送的文件，输入commit信息，推送文件
3.  查看远端master分支情况


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)