说明

项目改版(更新于2017-9-19)

项目构建

使用vue-cli起步 ，关于vue-cli

使用vue-router路由，关于vue-router

使用vuex处理业务 关于vuex

使用vue- resource 关于vue- resource

使用sass 关于sass

基于mint-ui，关于mint-ui

引入了vue-touch（此手势插件是vue-touch的另一个分支，支持vue2.0的），关于vue-touch

当前涉及的demo

1、选择城市，字母排序（已移除，源码还在，有兴趣的可以看看）

2、调用高德地图

3、使用v-charts图表

4、使用vue-picture-input图片预览

5、城市列表，来源于mint-ui（替换原有的城市）

6、新增仿qq列表，引入了vur-touch

关于本项目

npm install报错是pinyin引起的(但不影响正常使用)，只想使用其他demo的，可以不安装pinyin

pinyin插件已删除

改版之前

将页面公共头部提取为组件(更新于2017-5-5)

主要涉及(前期准备)：

1.引入汉字转拼音的插件，利用NPM安装 代码指令为 npm install pinyin --save ，详细步骤请到 pinyin
2.引入vue-resource，调用json文件，可以参考目录中的city.json,有条件的也可以自己去扒

新增高德地图demo(更新于2017-6-15)

主要涉及(前期准备)

1.引入高德地图api 注意：为方便演示效果，此项目中使用了个人开发者的高德秘钥，请自行去替换成自己的。

新增 vcharts(更新于2017-8-8)

按照如下命令运行即可，具体步骤请参考我的博客

Build Setup

# install dependencies 安装依赖
npm install

# serve with hot reload at localhost:8080  运行程序
npm run dev

# build for production with minification    打包
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.