Vue 天蓝记账项目

285 阅读1分钟

这是一个使用 Vue.js 框架实现的记账项目,主要用到的技术栈包括:Vue、VueCli、VueRouter、VueX、TypeScript,使用了 day.js、echarts.js 等第三方库和 Vue-property-decorator 提供的装饰器语法,源代码几乎全部使用 TypeScript 实现。另外,为减少重复代码和代码冗余,对项目进行了多次重构,使几乎每个文件代码量不超过 150 行。

一、做项目过程中遇到的问题和难点(简单描述)

  1. 由 webpack 和 TypeScript 导致的问题,如版本号冲突、语法使用不正确等等。
  2. svg 的导入和使用,这个问题主要问题是配置比较麻烦,需要注意的细节较多。
  3. 在 vue 文件中自定义 echart 组件并使用。
  4. 使用 VueX 对数据进行“增删改查”操作需要注意的细节,并在页面刷新时如何不让数据丢失等。
  5. 使用 VueRouter 时如何传递参数

二、后期计划(方向)

  1. 完善注册和登录功能
  2. 提供小程序版本
  3. 提供单元测试版本
  4. 提供网络版本,将数据存储到数据库,并提供后端接口(node.js)

三、源码链接、网址链接和成果展示

源码链接(github)wgbcode/sky-blue-vue (github.com))

网址链接(gitee)wgbcode.gitee.io/sky-blue-vu…

image.png