vue 大数据 渲染_vue-big-screen: 一个基于 vue、datav、Echart 框架的大数据可视化（大屏展示）模板，提供数据动态刷新渲染、屏幕适应、内部图表自由替换、Mixins注入...

一、项目描述

一个基于 Vue、Datav、Echart 框架的 " 数据大屏项目 "，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。

项目需要全屏展示(按 F11)。

项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用 按需引入。

拉取项目之后，建议按照自己的功能区域重命名文件，现以简单的位置进行区分。

项目环境：Vue-cli-3.0、DataV-2.7.3、Echarts-4.6.0(如果5.x版本有问题，请切换到4.x版本)、Webpack-4.0、Npm-6.13、Node-v12.16。

请拉取 master 分支的代码，其余是开发分支。

友情链接：

项目展示

二、主要文件介绍

文件

作用/功能

main.js

主目录文件，引入 Echart/DataV 等文件

utils

工具函数与 mixins 函数等

views/ index.vue

项目主结构

views/其余文件

界面各个区域组件(按照位置来命名)

assets

静态资源目录，放置 logo 与背景图片

assets / style.scss

通用 CSS 文件，全局项目快捷样式调节

assets / index.scss

Index 界面的 CSS 文件<