基於vue2 + vue-router2 + vuex + axios 的一個webapp項目

這是基於vue2 + vue-router2 + vuex + axios 的一個webapp項目！主要想借此項目來學習vue,以爲光是看api和其餘文章總結對vue理解感受是隻知其一;不知其二，不夠深入。因此找網上找了相關的資料，本身動手寫了這個demo,
頁面的數據是經過調用接口和頁面爬取回來的，頁面icon和數據保持和線上的一致，若有冒犯請告知，項目僅供參考學習。

參考資料列表

• https://cn.vuejs.org/v2/api/

• https://github.com/huang303513/Weather_Vue

• http://www.cnblogs.com/wisewrong/p/6558001.html

• http://www.cnblogs.com/coco1s/p/4954063.html

• http://www.jianshu.com/p/dc9a79f6ceb7#

• https://github.com/jokermonn/-Api/blob/master/CenterWeather.md

部分截圖

項目地址：https://github.com/moedong/vue-wfcast

git clone https://github.com/moedong/vue-wfcast.git

安裝

npm install

運行

npm run dev

發佈

npm run build

技術棧

在此DEMO中使用了一下技術

• vue2

• vue-router2

• vuex

• webpack2

• es6

• axios

• cheerio

• echarts

目錄結構

├── README.md ├── build // 構建服務和webpack配置├── config // 項目不一樣環境的配置├── dist // 項目build目錄├── index.html // 項目入口文件├── package.json // 項目配置文件├── src│   ├── assets // css js 和圖片資源│   ├── components // 各類組件│   ├── libs // 組件的公用模塊│   ├── router // 存放路由的文件夾│   ├── vuex // 狀態管理文件夾│ ├── App.Vue // 模板文件入口│   └── main.js // Webpack 預編譯入口│