简介
npm 包 agreed-ui 是一个基于 Vue.js 的 UI 组件库。它提供了一系列优雅的组件和工具，可以帮助前端开发人员快速构建优秀的 UI 界面。
安装
在使用 agreed-ui 之前，需要先安装它。可以通过 npm 命令来安装：
--- ------- ---------
使用方法
安装完成之后，就可以在项目中引用 agreed-ui 了。在 main.js 中添加以下代码：
------ -------- ---- ------------ ------ ------------------------------- ------------------
之后就可以在各个组件中使用了。例如：
----------
--------- --------------------------
-----------
--------
------ ------- -
----- ------
------ -
------ -
----- ---
--
--
--
---------组件列表
按钮
------------------ ------------------ ---------- ---------------------- ------------------ ---------- ---------------- ------------------ ---------- ---------------------- ------------------ ---------- ---------------------- ------------------ ---------- -------------------- ------------------
输入框
--------- -------------------------- ------------ ------------------------------------ ---------- ------------------------------ ------------ ---------------------------------
工具栏
------------ --------------------- ------------------- --------------------- ------------------- --------------------- ------------------- -------------
弹出框
---------- ------------------------
--- -----------------------
--------- -----------
--------- --------------
---------- --------------------- - -------------------------
---------- -----------------------------
-----------
------------选项卡
-------- ------------ ------------ ---------- ------ - --------------------- ------------ ---------- ------ - --------------------- ------------ ---------- ------ - --------------------- ----------
提示框
----------------- ---------------- --------- ---------------------- ---------------- --------- ---------------------- ---------------- --------- -------------------- ----------------
模态框
--------- -----------------------
--- -----------------------
-------- -----------
--------- --------------
---------- -------------------- - -------------------------
---------- -----------------------------
-----------
-----------总结
npm 包 agreed-ui 为我们提供了非常实用的组件库，可以方便地为我们构建优秀的 UI 界面。在使用过程中，我们需要注意引用和使用方式，熟悉组件的 API，才能更好地使用它。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f34966fdbf7be33b2566e47