基于vue2 + vue-router2 + vuex + axios 的一个webapp项目

这是基于vue2 + vue-router2 + vuex + axios 的一个webapp项目!主要想借此项目来学习vue,以为光是看api和其余文章总结对vue理解感受是只知其一;不知其二,不够深入。因此找网上找了相关的资料,本身动手写了这个demo,
页面的数据是经过调用接口和页面爬取回来的,页面icon和数据保持和线上的一致,若有冒犯请告知,项目仅供参考学习。css

参考资料列表

部分截图

主页主页主页

个人关注

个人关注

城市切换

详细空气指数

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

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

安装

npm install

运行

npm run dev

发布

npm run build

技术栈

在此DEMO中使用了一下技术github

  • vue2web

  • vue-router2vue-router

  • 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 预编译入口│

相关文章
相关标签/搜索