这是基于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
1 | git clone https://github.com/moedong/vue-wfcast.git |
安装
1 | npm install |
运行
1 | npm run dev |
发布
1 | 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 预编译入口 │