Vue

一、模拟数据json
//接口返回json数据，配置的数据mydata就赋值给data请求后调用---以后有数据库时可注释本段
const express = require('express')
const app = express()
var appData = require('../data.json')   //加载本地数据文件
var mydata = appData.mydata             //获取对应的本地数据
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

//在文件webpack.dev.conf.js的devServer: {}中添加接口返回json数据，如下
//接口返回json数据，上面配置的数据mydata就赋值给data请求后调用---以后有数据库时可注释本段
before(app) {
     app.get('/api/mydata', (req, res) => {
          res.json({
              errno: 0,
              data: mydata
          })
     })
}

二、vue-axios

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，axios 依赖本机要支持ES6 Promise实现。 如果您的环境不支持ES6 Promises，您可以使用polyfill。
安装：
cnpm install axios
cnpm install --save axios vue-axios
引用：
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

三、vuex

Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触发动作（Action)进而改变对应状态（State），从而反映到视图（View）上。状态管理模式、集中式存储管理。简单说 vuex 就是把需要共享的变量全部存储在一个对象里面，然后将这个对象放在顶层组件中供其他组件使用。
安装：
cnpm install --save vuex
引用：
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

四、echarts

让数据说话:拖拽重计算、大规模数据模式、值域漫游
安装：
cnpm install echarts --save
引用：
import echarts from 'echarts'
Vue.prototype.$echarts=echarts

五、vue2-countdown

VUE活动倒计时
安装：
cnpm install vue2-countdown --save
引用：
import CountDown from 'vue2-countdown'
components: {CountDown}
页面使用：
<count-down v-on:start_callback='countDownS_cb(1)' v-on:end_callback='countDownE_cb(1)' :currentTime='1481450106' :startTime='1481450110' :endTime='1481450115' :tipText='距离开始文字1' :tipTextEnd='距离结束文字1' :endText='结束自定义文字2' :dayTxt='天' :hourTxt='小时' :minutesTxt='分钟' :secondsTxt='秒'></count-down>

六、Vue+MySQL+Express

前端用Vue，后端用Express做服务端提供数据接口，数据库用MySQL
安装：
cnpm install vue-resource --save
cnpm install express mysql body-parser
引用：
在项目根文件夹下创建一个server文件夹,包含：db.js、index.js、sqlMap.js、api.js
注释webpack.dev.conf.js文件中有关data.json的配置语句