# vue-shop-baozi

**Repository Path**: BaoziCDR/vue-shop-baozi

## Basic Information

- **Project Name**: vue-shop-baozi
- **Description**: Vue 移动电商前端 后端采用Servlet
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-06-09
- **Last Updated**: 2022-04-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 技术栈

vue2.0 + vue-router + vuex + axios + ES6 + less

后端使用 Servlet （不要问我为什么使用落后的技术

## 后端地址

https://gitee.com/BaoziCDR/servlet-shop-baozi

## 简介

vuex + webStorage 实现了购物车功能,axios拦截,配合路由钩子函数实现权限控制、登录、登出功能

API对接部分已经完成，运行前需要先运行后端API获取数据

## 预览

![](./static/car.gif)   ![](./static/login.gif)


## 经验

1. 事先一定要先想好整个页面组成，怎样去分组件开发，这样在开发阶段会事半功倍

2. 本质上vuex只是一个全局变量,所以刷新路由,state数据会清空,可配合webStorage实现响应式

3. 所有webStorage存储应该通过dispatch操作

4. 只做数据渲染,不做数据修改,不需要用vuex

5. 简单的父子通信不需要用vuex

## 已完成

1. 购物车内编辑(增减商品)

2. 首页

3. 商品详情、分类

4. 简单结算

5. 注册登录


## 待完成

1. 充值功能

2. 搜索功能

3. 收货地址功能


## Build Setup

``` bash
# 运行前需要先运行后端API获取数据
# install dependencies
npm install

# serve with hot reload at localhost:1322
npm run dev

# build for production with minification
npm run build

```