新手-用VUE作一個todo-list.

前言

新手小白開始用Vue一段時間了, 開始想整合一下本身所學. 苦思冥想一個todolist, 加上一些本身感受挺有意思的東西. 每日一作, 天天作一件本身必須作的事, 不要混日子.因此就叫作must-todu-list吧.請大神指教.

Github地址

https://github.com/qianzhaoy/...

技術棧

vue2 + muse-ui + vuex + vue-router + vue-touch + webpack + ES6

數據相關

沒有寫後端接口, 由於主要仍是以Vue爲主.(多麻煩啊,直接放上去就能看方便!)
各個頁面數據相關放在了vuex的modules裏了.詳情請看vuex/modules/目錄下的文件.

效果演示

查看demo請戳這裏（請用chrome手機模式預覽）

目錄結構以下

├── README.md
├── build
│   ├── build.js
│   ├── check-versions.js
│   ├── dev-client.js
│   ├── dev-server.js
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config
│   ├── dev.env.js
│   ├── index.js
│   └── prod.env.js
├── index.html
├── package.json
├── src
│   ├── App.vue
│   ├── assets
│   │   └── css
│   │       └── reset.css
│   ├── components
│   │   ├── allocation
│   │   │   └── allocationRepo.vue
│   │   ├── appBar.vue
│   │   ├── repository
│   │   │   ├── childrenRepo.vue
│   │   │   ├── footer.vue
│   │   │   └── inputDialog.vue
│   │   └── welcome
│   │       ├── welcomeA.vue
│   │       └── welcomeB.vue
│   ├── main.js
│   ├── router
│   │   └── index.js
│   ├── views
│   │   ├── allocation.vue
│   │   ├── history.vue
│   │   ├── home.vue
│   │   ├── repository.vue
│   │   └── welcome.vue
│   └── vuex
│       ├── modules
│       │   ├── allocation.js
│       │   ├── history.js
│       │   └── repository.js
│       └── store.js
└── static

啓動相關

# 安裝依賴項
npm install

# 啓動開發環境, 地址: localhost:8080
npm run dev

# 編譯打包上生產
npm run build