淘宠网（移动端）项目分析

Posted 2021-06-03 Frazier_梁超

项目名称：淘宠网（移动端）

项目描述：淘宠网app是宠物交易担保平台，汇集百家核心宠物商户，让您足不出户就可以挑选自己喜爱的宠物！

技术栈：vue全家桶(vue-cli/vue-router/axios/vuex)+vant-ui+scss

项目负责：首页模块，搜索模块， 我的模块，分类模块，购物车模块

技术实现：

Ø 使用promise对axios二次分装，方便使用和维护。

Ø 使用全局路由守卫router,beforeEach判断用户是否登陆，没有登录就跳转页面登录之后使用axios请求数据完成渲染页面

Ø 搜索采用vant-ui里面的search组件，通过关键字查询相应的商品数据渲染页面

Ø 使用路由懒加载，图片懒加载，提高网页的性能

Ø 使用vue-router进行页面跳转，实现单页面跳转，点击详情通过query或者动态传递传递参数，进行渲染页面

Ø 使用vuex进行数据存储。

Ø 使用vue全家桶进行开发。