Vue第 34 篇，DataV是什么，jiaminghi/data-view是什么，如何在Vue中使用jiaminghi/data-view（如何在Vue中使用DataV）

前言

相信大家在平时工作中，难免会遇到开发大屏的需求，页面中有很多比较炫酷的CSS效果。这里给大家推荐一款大屏数据展示组件库，里面有各种边框、装饰、图标、飞线图、水位图、轮播表等等，支持vue和react，有很多炫酷效果。

DataV 是阿里云推出的数据可视化工具，是阿里云的数据可视化应用搭建平台，‌旨在让更多的人看到数据可视化的魅力，‌帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，‌满足会议展览、‌业务监控、‌风险预警、‌地理信息分析等多种业务的展示需求。‌主要用于创建大屏展示、仪表盘和数据报告等等。具体表怎么使用，这里来简单记录一下

 

---

一. 安装插件

在项目中，安装插件。请看

//npm安装
npm install @jiaminghi/data-view

//yarn安装
yarn add @jiaminghi/data-view

---

二. 全局挂载

文件引入，全局挂载。请看

//全局引入组件
import dataV from '@jiaminghi/data-view'
Vue.use(dataV)

//按需引入组件
import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)

---

三. 页面使用

直接在页面使用，直接复制标签使用即可，请看

 

---

四. 案例参考

下面这款 Vue 的开源大屏就有不少样式使用的就是，DataV 样式。仅供参考，请看

 

---

五. 开源地址

该项目 gitee 开源地址，请看

Vue大屏https://gitee.com/MTrun/big-screen-vue-datav#https://gitee.com/MTrun/go-view

---

六. 更多操作，请看

更多炫酷效果，请看 DataV 官网

 DataV官网http://datav.jiaminghi.com/guide/

创作不易，感觉有用，就一键三连，感谢(●'◡'●)