lsq_datav

前言

DataV 是一个组件库，主要用于构建大屏数据展示页面即数据可视化，具有多种类型组件使用。

目前作者写的还是 vue2 版本，并没有 vue3 + Ts 的版本。在此基础上，针对于项目中使用的组件使用 vue3+TS 进行重构，并发布包。

DataV

DataV 文档

目前只实现了装饰模块，和边框 12，13。

使用方法

安装

npm i lsq_datav

全局引入

// main.ts
import { createApp } from "vue";
import App from "./App.vue";
import LsqDatav from "lsq_datav";
const app = createApp(App);
app.use(LsqDatav).mount("#app");

在组件中使用的方法与 DataV 组件大体一致，只是组件名称不一致。

例如：

<dv-decoration-1 style="width:200px;height:50px;" />
<!-- 等价于 -->
<lc-decoration-1 style="width: 200px; height: 50px"></lc-decoration-1>

按需引入

<template>
  <lc-decoration-1 style="width: 200px; height: 50px"></lc-decoration-1>
</template>
<script setup lang="ts">
import { LcDecoration1 } from "lsq_datav";
</script>