1. 购物 app
2. vue3 + vant3 + ts
3. 更方便 更简易的一款购物欲 app
1. 使用 WindiCSS 书写样式,提高样式使用的便捷和灵活性,使用页面更加美观,统一和易于维护。
2. 使用 Vue-cli 搭建开发环境,引用 vant 框架对页面布局,使用移动端 rem 适配,使页面具有良好的用户体
验和多平台友好性能。
3. 使用嵌套路由 childern 配置了各个子页面的跳转,配合使用 router-view 展示页面。
4. props 父子传参实现组件通信
5. 使用路由守卫对登录的权限验证,使用thoken 对购物车,我的鉴权,保障用户信息的安全性。
6. 进行 axios 二次封装,支持响应请求,请求超时,拦截等功能。
7. 通过 Tabber 标签栏组件实现底部 Tab 栏切换,提高用户体验。
8. 通过 使用 Swiper 插件进行轮播图的实现,增强了页面的动感和视觉效果,提高了开发效率。
9. 进行代码优化,包括怎加节流和防抖,实现代理,移除不必要代码等,提高了页面加载速度。