Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/costaq/e-datav-vue3
基于Vue3的数据可视化组件库,长期更新,同时拥有vue2及react版本
https://github.com/costaq/e-datav-vue3
datav typescript vue3
Last synced: 6 days ago
JSON representation
基于Vue3的数据可视化组件库,长期更新,同时拥有vue2及react版本
- Host: GitHub
- URL: https://github.com/costaq/e-datav-vue3
- Owner: costaq
- Created: 2023-04-14T06:54:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-01T02:49:13.000Z (4 months ago)
- Last Synced: 2024-10-02T06:53:39.401Z (about 2 months ago)
- Topics: datav, typescript, vue3
- Language: TypeScript
- Homepage: https://costaq.github.io/
- Size: 1.21 MB
- Stars: 18
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
### 什么是E-DataV?
* E-DataV是一个基于**Vue3**的数据可视化组件库([Vue2版本](https://github.com/costaq/E-DataV)及[React版本](https://github.com/costaq/E-DataV-React))
* 提供数据可视化大屏所需的各种组件,朋友写的[DataV](https://github.com/DataV-Team/DataV)组件库中已有的组件,我这边不会过多增加,最多是效果提升
* 因个人比较佛系,更新会比较慢,但会持续更新### 链接
[E-DataV 官方文档](https://costaq.github.io/)
### npm安装
```shell
$ npm install e-datav-vue3
```### 使用
```js
import Vue from 'vue'
import EDataV from 'e-datav-vue3'
// 全局全部组件注册
Vue.use(EDataV)// 按需引入,全局注册
import { EDigitalFlop } from 'e-datav-vue3'
Vue.use(EDigitalFlop)// 单组件内按需引入
import { EDigitalFlop } from 'e-datav-vue3';
```
### UMD版
```js
const { createApp } = Vue;
const { EDigitalFlop, EFullScreenContainer } = EDataV;const App = createApp();
App.component('EDigitalFlop', EDigitalFlop);
App.component('EFullScreenContainer', EFullScreenContainer);
App.mount('#app');```