# trello-vue

**Repository Path**: allenthinking/trello-vue

## Basic Information

- **Project Name**: trello-vue
- **Description**: 使用vue2作为前端，koa作为后端开发的trello
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2022-03-16
- **Last Updated**: 2023-09-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# trello-vue

如果想看效果可以查看效果图下的gif文件

### 配套的后端服务器
`https://gitee.com/Yuins316/trello-backend`

### 实现的功能
- 注册/登录
- 面板部分
    - 修改自己的个人面板名字
    - 添加新面板
    - 右上角点击个人图标退出
- 列表部分
    - 点击列表的名字进行修改
    - 拖动列表进行排序
    - 添加列表
    - 添加卡片
- 卡片部分
    - 修改卡片的名称
    - 添加卡片的描述
    - 添加/删除附件
    - 设置/取消卡片的封面
    - 添加留言

### 学习到了一些新东西
- 路由的懒加载
- 将 `message` 组件挂载到vue下，可以通过 `this.$message.success("message")` 这种函数调用的方法调用组件
- this.$nextTick 的使用场景
- `axios 拦截器` 的使用，不用每次都要将 `jwt` 需要的 `authorization` 手动写入头部
- `vuex` 的 `store` 的模块化使用    


### 使用步骤

> 首先要启动后端服务器，确保服务器运行在8080端口

> `yarn install`

> `yarn serve`