前言

vue3 发布至今已有半年多时间，而且是愈来愈受欢迎，越来越火热，虽然 vue2 还没学明白，vue3 就出来了。(尤大：学不动是你们的事，我就是要更新----)，为了能跟上时代的步伐，自己在工作闲暇也学习了一下 vue3（真香 👍 ），于是就写下了这个项目。

ps:这个项目虽然比较简单，但是基本上涵盖了 vue3 新增的 API。（如遇项目有 Bug 还请勿喷，麻烦大家提个 issue，我看到了会第一时间进行修复 👀️ ）

项目介绍

wechatbill是一个记账 H5 页面前端项目（模仿微信账单），基于Vue 3.0 + Vant 3.0 实现，主要包括明细、统计、个人中心、登录、注册、详情页等。

📌 本项目还有很多不足之处，如果有想为此做贡献的伙伴，也欢迎给我们提出 PR，或者 issue ；

🔑 本项目是免费开源的，如果有伙伴想要在次基础上进行二次开发，可以 clone 或者 fork 整个仓库，如果能帮助到您，我将感到非常高兴，如果您觉得这个项目不错还请给个 start！🙏

🚀️ 项目预览地址

扫码预览：

项目所用到的技术及文档大概如下：

1. Vue 3.x
2. Vue-Router 4.x
3. Vuex 4.x
4. Axios 请求库二次封装
5. 移动端多分辨率适配
6. css 变量换肤
7. vue-cli升级成vite
8. 后期计划加入骨架屏...

项目运行

1. 首先 git clone 此项目或者直接下载。
2. npm install 下载依赖包
3. npm run serve 本地运行

最后

由于该项目是入门级的，可能还存在一些问题，以及一些语法上面的用法错误，还请各位谅解。。。（技术有限），最后还是感谢各位观众老爷的能看到最后 O(∩_∩)O 希望你能有所收获 😁

最后特别感谢尼克陈大佬提供的线上接口