基于Vue进行开发,主要负责项目设计稿还原,数据交互渲染。使用Promise进行二次封装,抽取公共部分进行封装。如:头部搜索和底部tabBar组件完成高复用,可维护性组件。
通过全局路由守卫监听用户是否登录,引导用户登录后才有权访问某些页面。
商品列表数据存放在Vuex中的state进行临时储存,并使用keep-alive保持活跃,防止用户多次点击同一商品请求相同数据,通过商品ID判断购物车中是否存在该商品,并且存储在localStorage中。
引入Mint-UI提高用户体验,如:登录成功,加载中、加入购物车等提示消息弹框
使用Vuelazy,路由懒加载等进行性能优化,并使用--report生成分析图查看模块的大小进行相关优化