这是一个使用 Vue.js 框架实现的记账项目,主要用到的技术栈包括:Vue、VueCli、VueRouter、VueX、TypeScript,使用了 day.js、echarts.js 等第三方库和 Vue-property-decorator 提供的装饰器语法,源代码几乎全部使用 TypeScript 实现。另外,为减少重复代码和代码冗余,对项目进行了多次重构,使几乎每个文件代码量不超过 150 行。
一、做项目过程中遇到的问题和难点(简单描述)
- 由 webpack 和 TypeScript 导致的问题,如版本号冲突、语法使用不正确等等。
- svg 的导入和使用,这个问题主要问题是配置比较麻烦,需要注意的细节较多。
- 在 vue 文件中自定义 echart 组件并使用。
- 使用 VueX 对数据进行“增删改查”操作需要注意的细节,并在页面刷新时如何不让数据丢失等。
- 使用 VueRouter 时如何传递参数
二、后期计划(方向)
- 完善注册和登录功能
- 提供小程序版本
- 提供单元测试版本
- 提供网络版本,将数据存储到数据库,并提供后端接口(node.js)
三、源码链接、网址链接和成果展示
源码链接(github):wgbcode/sky-blue-vue (github.com))
网址链接(gitee):wgbcode.gitee.io/sky-blue-vu…