# 尚品汇前端项目  Vue 3 + Typescript + Vite + Pinia + Element-Plus

**Repository Path**: FM107/ShangPlyAndVue3

## Basic Information

- **Project Name**: 尚品汇前端项目  Vue 3 + Typescript + Vite + Pinia + Element-Plus
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-02-28
- **Last Updated**: 2022-04-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, TypeScript, 前台项目

## README

## 尚品汇项目  Vue 3 + Typescript + Vite + Pinia + Element-Plus

完全的翻新了vue2版本的项目,目的是熟悉vue3和ts的配套使用

## 使用的技术有

- Mockjs : 模拟接口数据
- Qrcode : 将axios请求到的某一项数据生成二维码用来Wechat Pay
- Uuid : 生成随机id用作某一项的请求头共服务器使用
- Animate.css : 导航栏的过度动画
- Axios  : 通过二次封装实现与服务器进行高效率通信与处理请求数据
- Element-Plus : Element的全新版本,使用到了其引入一部分Message相关功能,踩了一些新版本才有的坑 (分页器自己封装了没有用到)
- Mitt : 代替已经失去的$bus使用,可以搭配TypeScirpt使用
- Pinia : Vue.js 的轻量级状态管理库本项目中代替了vuex使用,使用起来非常的方便,但是网络上教程较少,所以坑比较多,尤其是配合TS的强类型使用
- Sass : CSS 扩展语言可以实现高效率编写CSS

## 总结

  此次的项目，尽可能的使用最新的技术来开发,适应新的版本带来的变化以方便未来的开发,唯一的遗憾是因为vee-validate版本原因与学习安排文本验证功能还没有实现,项目还算顺利，可以相对熟悉的融合使用TS Vue3 Pinia.