# vue-front

**Repository Path**: cainiaoguo/vue-front

## Basic Information

- **Project Name**: vue-front
- **Description**: 大前端项目前端代码，是一个社区类型的项目。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://front.guozhaoxi.com
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-10-30
- **Last Updated**: 2022-04-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# front

## 安装项目依赖
```
npm install
```

### 启动项目
```
npm run serve
```
### 打包项目
npm run build

### 安装vee-validate
npm install vee-validate

### 作业完成进度
1. 使用vee-validate完成了对登录、注册、找回密码页面的表单校验（见动图）
2. 使用async/await改写请求验证码的方法getCaptcha
3. 使用vee-validate中的ValidationObserver完成了对表单的统一校验（我这里做的比较简单，用的是alert来弹出一句话表示通过与否）
4. 存疑：我有想过使用Vue中的mixins将请求验证码的方法混入到三个页面中，不知道应不应该用

### 作业优化进度
1. 使用了组件的mixins选项将登录、注册、找回密码三个页面的公共data/methods/mounted统一放到了一个js文件中
2. 优化了目录结构，将以前的assets改为了common 并为common文件夹起了个别名，方便开发
3. 顺手将发送邮件的功能添加上了

### 第10周和第五周的作业相比较改了哪些地方
1. 考虑到后面三个页面的submit方法要做不同的事情，遂将第五周的submit函数从mixin文件中提了出来
2. 用课程中老师教的本地化方法配置了一下vee-validate,之前是用extend方法扩展的
3. axios的封装我和老师的大同小异，就没改动