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. 进行代码优化，包括怎加节流和防抖，实现代理，移除不必要代码等，提高了页面加载速度。

1. 使用瀑布流完成布局 2. vue3 + ts + element puls 组件库 3. 项目是 创造你想要的搭配理念 4. 兼容性支持大部分浏览器

1. 在登录页面中，使用框架的 rules 进行定义验证规则，调用后太 API 接口进行逻辑交互，确保登录流程安全 性； 2. 使用 token 进行登录状态的判断，使用本地存储进行拦截推出访问页面时，对token进行时效认证，确保系 统安全性； 3. 使用 Vue-router 实现路由管理，确保路由匹配成功，如果不成功，执行404页面； 4. 全局自适应收缩侧边栏，screenfull全屏，动态标签页，面包屑等功能，提高用户体验； 5. 使用 Echarts 完成统计报表模块的实现，动态标签页，面包屑等功能，提高用户交互体验； 6. 使用第三方库富文本 Editor，Markdown，nprogress，为用户提供更好的文本编辑和进度条显示； 7. 根据需求封装表格，支持添加、搜索、编辑、删除功能、可以导出 excel，添加用户交互的便利性能； 8. 使用 Vuex 完成对数据的处理，使用modules 完成树形控件的处理，为用户提供更好的数据处理；