小兔鲜儿Vue3.0前端电商项目实战

2,181 阅读1分钟

小兔鲜儿Vue3.0实现了电商平台主线业务功能,电商首页、一级分类、二级分类、商品详情、购物车、结算、支付、个人中心、订单管理、订单详情。

项目采用前后端分离模式,前台使用了VUE3.0技术栈构建,自己封装的UI组件库,接入了QQ登录,支付宝支付业务,以及前端SKU解决方案,本地线上购物车解决方案

  1. 后台接口基本完毕,但是数据缺乏(分类,商品),所以会有一些本地mock数据。

  2. 采用vuex来管理购物车和用户数据,vuex的使用会淋漓尽致。

  3. 使用vue3.0来开发,所以小兔鲜儿项目,会很 **鲜嫩** **酸爽** 。 但是会慢慢过渡。

  4. 重点难点,第三方登,商品详情,购物车,支付结算,订单管理。

  5. 绝大多数第三方UI组件,组件库不支持vue3.0,会大量自己封装和布局。有些基本样式会预制好。

基于vue3.0的技术栈,大量的组件封装

参考资料:sourl.cn/EfYw7J

  • vue3.0 (使用组合api的方式来开发)
  • vue-cli (项目脚手架)
  • axios (请求接口)
  • vue-router (单页路由)
  • vuex (状态管理)
  • vuex-persistedstate (vuex数据持久化)
  • normalize.css (初始化样式)
  • @vueuse/core (组合api常用工具库)
  • 算法
  • dayjs (日期处理)
  • vee-validate (表单校验)