No.5可视化大屏--vite+vue3 DataV组件使用

一、DataV-Vue3

1.1 安装

官网：https://datav-vue3.netlify.app/Guide/Guide.html

• npm install @kjgl77/datav-vue3

1.2 引入

// main.js中全局引入

// main.js中全局引入
import { createApp } from 'vue'
import DataVVue3 from '@kjgl77/datav-vue3'

const app = createApp(App)

app.use(DataVVue3)
app.mount('#app')

　　

 

1.3 应用 

在https://datav-vue3.netlify.app/Guide/Guide.html官网中复制代码

 二、边框组件

可以修改颜色之类的，参考官网。

三、修饰组件

可以修改长度，颜色，变化速度、宽度等，参考官网。