# 尚品汇前端项目 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.