介绍
@captemulation/insight-ui 是一个基于 Vue.js 的前端组件库，主要用于展示数据面板、图表、表格等常见组件，可以方便地用于数据可视化的项目中。
安装
可以通过 npm 直接安装：
npm install @captemulation/insight-ui
或者使用 yarn：
yarn add @captemulation/insight-ui
使用
全局注册
通过 Vue.use 全局注册：
import Vue from 'vue' import InsightUI from '@captemulation/insight-ui' Vue.use(InsightUI)
局部注册
在需要使用的组件处进行局部注册：
import { Panel, Table } from '@captemulation/insight-ui'
export default {
components: {
Panel,
Table
}
}示例代码
-- -------------------- ---- -------
----------
-----
------ -------------
-----
---- ----------
----- ----------- -------------------- --
------
---- ----------
----- ------------ -------------------- --
------
------
--------
------ ------------ -----------------
------ ----------------- ------------------ --
--------
------
-----------
--------
------ - ------ ---- ---- ----- ----- - ---- ---------------------------
------ ------- -
----------- -
------
----
----
-----
-----
--
------ -
------ -
------------ --------
------------ ---
---------- -
- --- -- ----- ----- -------- ------- ------ - --
- --- -- ----- ----- -------- -------- ------ - --
- --- -- ----- ----- -------- ------- ------ - -
--
-------- -
- ------ ----- ---- ---- --
- ------ ------ ---- ------ --
- ------ ------- ---- --------- --
- ------ ----- ---- ------- -
-
-
-
-
---------总结
@captemulation/insight-ui 组件库提供了丰富的前端组件，可以方便地用于数据可视化的项目中，使用起来也非常简单。希望这篇教程对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556f081e8991b448d3d2f