先上预览地址 http://132.232.99.217:8090/#/

1.创建项目

使用vue init webpack temperaure 创建一个vue项目 然后安装axios zrender

命令分别是 npm install axios -S npm install zrender安装这2个组件

2.创建公共文件

在以后的使用中会出现本地调试和先上地址这是我们就创建以下目录

src/components这个目录放置我们的页面文件

src/js 这里放置我们以后绘制折线图 阴影图等公共方法

src/mock 这里放置我们的模拟数据

src/store 这里放置请求的是本地还是线上的方法

router就是路由
　
首先我们在src/store 文件下创建http.js文件 在里面添加以下代码

import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios'Vue.use(Vuex)
//configUrl这里写线上地址 httpType 这里是请求本地还是线上 线上换成http 本地换成 mock data未传递的数据可根据自己需要自行修改
const store = new Vuex.Store({state:{configUrl:'',httpType:"mock",