说明

项目改版(更新于2017-8-20)


项目构建

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

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

使用vuex处理业务 关于vuex

使用vue- resource 关于vue- resource

使用sass 关于sass

基于mint-ui，关于mint-ui

当前涉及的demo

1、选择城市，字母排序

2、调用地图

3、使用v-charts图表

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

新增vue-picture-input(更新于2017-09-04)

新增城市列表2，来源于mint-ui(更新于2017-09-15)

关于本项目

npm install报错是pinyin引起的(但不影响正常使用)，只想使用其他demo的，可以不安装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.