介绍
gb-components2 是一款基于 Vue.js 的组件库，支持按需加载，拥有丰富的UI组件，适用于快速开发中后台系统。
安装
使用 npm 安装
$ npm install gb-components2 --save
引入
推荐采用 babel-plugin-import 按需引入
-- -------------------- ---- -------
-- - -------- ---
-
---------- -
-
---------
-
-------------- -----------------
-------------------------- ------
-------- ----
-
-
-
-
-- -------
------ - --------- ------- - ---- ----------------
------------------------- ---------
------------------------ --------使用
GbButton
-- -------------------- ---- ------- ---- ---- --- ----------------------- ---- ------- --- --------- ------------------------------ --------- ------------------------------ --------- ------------------------------ --------- ----------------------------- ---- ------ --- --------- ----------------------------------- --------- --------------------------------- ---- - ------- ----- --- --------- ----------------------------------
GbTable
-- -------------------- ---- -------
-------- ------------------ ------------ --
--------
------ ------- -
---- -- -
------ -
-------- -
- ------ ----- ---- ------ --
- ------ ----- ---- ----- --
- ------ ----- ---- -------- --
- ------ ----- ---- -------- --
--
----- -
- ----- ----- ---- --- ------- ---- ------- -- --
- ----- ----- ---- --- ------- ---- ------- -- --
- ----- ----- ---- --- ------- ---- ------- -- --
-
-
-
-
---------参数
GbButton
| 参数名 | 类型 | 说明 |
|---|---|---|
| type | String | 按钮类型：primary、success、warning、danger |
| icon | String | 按钮图标，支持 font-awesome |
| loading | Boolean | 是否处于 loading 状态 |
| disabled | Boolean | 是否禁用按钮，默认为 false |
GbTable
| 参数名 | 类型 | 说明 |
|---|---|---|
| columns | Array | 表格列的配置描述，具体格式见下方 |
| list | Array | 数据源 |
columns 列的配置描述
[
{ title: '姓名', key: 'name' },
{ title: '年龄', key: 'age' },
{ title: '身高', key: 'height' },
{ title: '体重', key: 'weight' },
]拓展
gb-components2 提供了一些便利性的 API，使得开发者可以更加方便地使用组件，具体可参考官方文档。
总结
gb-components2 是一款很好用的 Vue.js 组件库，拥有丰富的UI组件，使用方便，可大幅提升中后台开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005679481e8991b448e3edc
