什么是 chanotui？
chanotui 是一个基于 Vue 3 的 UI 组件库。它提供了一些实用的 UI 组件，比如按钮、弹窗、分页、表格等等。它的(css)设计简单而又美观。
安装
使用 npm 安装 chanotui：
npm install chanotui
或者使用 yarn 安装：
yarn add chanotui
使用
在你的 Vue 3 项目中，可以通过 import 引入 chanotui 组件：
import {Button, Dialog, Pagination, Table} from 'chanotui';然后在 components 选项中注册 chanotui 组件：
export default {
components: {
'c-button': Button,
'c-dialog': Dialog,
'c-pagination': Pagination,
'c-table': Table
}
}现在你可以在模板中直接使用 chanotui 组件了：
<c-button>按钮</c-button> <c-dialog>弹窗</c-dialog> <c-pagination>分页</c-pagination> <c-table>表格</c-table>
示例代码
这里给出一个使用 chanotui 分页组件的示例：
-- -------------------- ---- -------
----------
-----
------------- -------------- ------------------ -------------------------- --
------
-----------
--------
------ ------------ ---- -----------
------ ------- -
----------- -
--------------- ----------
--
------ -
------ -
------ ----
-------- -
-
--
-------- -
--------------------- -
------------ - ----
-
-
-
---------总结
通过本文的介绍，我们了解了如何在 Vue 3 项目中使用 chanotui 组件库。芝士详细的使用说明以及丰富的示例代码，应该可以让你快速上手并运用在实际开发中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553d981e8991b448d1255