Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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版本

Awesome Lists containing this project

README

        

## E-DataV

LICENSE

### 什么是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');

```