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

小兔鲜儿Vue3.0实现了电商平台主线业务功能,电商首页、一级分类、二级分类、商品详情、购物车、结算、支付、个人中心、订单管理、订单详情。
项目采用前后端分离模式,前台使用了VUE3.0技术栈构建,自己封装的UI组件库,接入了QQ登录,支付宝支付业务,以及前端SKU解决方案,本地线上购物车解决方案

后台接口基本完毕,但是数据缺乏(分类,商品),所以会有一些本地mock数据。
采用vuex来管理购物车和用户数据,vuex的使用会淋漓尽致。
使用vue3.0来开发,所以小兔鲜儿项目,会很 鲜嫩 酸爽 。 但是会慢慢过渡。
重点难点,第三方登,商品详情,购物车,支付结算,订单管理。
绝大多数第三方UI组件,组件库不支持vue3.0,会大量自己封装和布局。有些基本样式会预制好。

已经学习完了,功能均已实现,在博客这里记录一下重点难点…

学习了做完了,已部署可访问,欢迎学习交流。自己做的项目效果如下图:
请添加图片描述

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

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

dayjs (日期处理)
vee-validate (表单校验)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值