一个大屏监控的项目

写大屏监控，本人选择的是用vue、element ui、echarts、axios、vueg来构建的。

vue init webpack my-project

//安装依赖
cd my-project
cnpm install

//加入elementUI
cnpm i element-ui -S

//加入echarts
cnpm install echarts -S

//加入 axios
cnpm install axios -S

//加入vueg
cnpm i vueg -S

vueg是一个切换页面时转场的效果

import vueg from 'vueg'
import 'vueg/css/transition-min.css'
Vue.use(vueg, router);//←注意这一句应该在router实例化之后

为需要转场动画的<router-view>添加v-transition，如：

<router-view v-transition />

需要什么样的效果，就在那个页面的data中添加数据，如：

 data () {
    return {
      vuegConfig: {
        forwardAnim: 'touchPoint',//转场效果
        duration: '.3',
        disable:false
      }
    }
  }

vueg转场效果还有别的，如果需要，自己去找效果：https://github.com/jaweii/vueg。

我这个项目是3840*1920的大屏监控如有需要看的，请点击https://github.com/mengxiaobo130401/screens_monitor