Vue3 × DataV：三步上手炫酷数据可视化组件库

DataV（@kjgl77/datav-vue3）是专为“大屏可视化”场景打造的 Vue3 组件库，提供边框、装饰、等数十个开箱即用的视觉组件。本文聚焦 “在 Vue3 项目中如何正确使用 DataV”，从安装、全局注册到常见坑点，带你迅速玩转这款酷炫的 UI 套件。

---

1. 安装依赖

# NPM / Yarn / PNPM 均可
npm i @kjgl77/datav-vue3 -S

DataV 使用 SVG + CSS 动画 实现，体积轻量且无其他强依赖。

---

2. 全局引入 vs 按需引入

2.1 全局引入（推荐大屏项目）

// src/main.ts
import {
   
    createApp } from 'vue'
import App from './App.vue'
import DataVVue3 from '@kjgl77/datav-vue3'
createApp(App).use(DataVVue3).mount('#app')

• 所有组件会自动注册为 kebab-case 标签，例如
  dv-border-box-1、dv-decoration-3、dv-scroll-board。

2.2 按需引入（组件级使用）

<