介绍
cc-bnp 是一个适用于前端开发的 npm 包，提供了各种实用的工具函数和组件，它基于 Vue.js 和 Element-UI 开发，提供了一些便于使用的 UI 组件和工具函数，并且这个包还具备一些非常有用的功能，例如：数据校验，操作反馈等等。
安装
可以通过 npm 安装 cc-bnp：
--- ------- ------
或者直接在 HTML 中引入它。
------ ----- ---------------- --------------------------------------------------- ------- ---------------------------------------------------------- -------
使用
这里我们简单介绍一些常用的工具函数和组件。
工具函数
validatePhone：校验手机号格式是否正确。
------ - ------------- - ---- --------- ------------------------------------------ -- ---- ----------------------------------------- -- -----
deepClone：深度复制一个对象。
------ - --------- - ---- --------- ----- ---- - - -- -- -- -- -- - -- - - -- ----- ---- - ---------------- ------ - -- -------------------- -- - ---------------------- -- -
formatDate：格式化日期。
------ - ---------- - ---- --------- ----- ---- - --- ---------------- ----------- ---------------------------- ----------- ------------ -- ---------- -------- ---------------------------- ------------ ------------- -- ----------- ---------
组件
Message
这是一个全局的操作反馈组件，可以用于显示通知。
------ - ------- - ---- --------- ----------------------- ---------------------------- -------------------------- ---------------------------- ----------------------------
PhoneInput
这是一个输入手机号的组件，可以方便地校验手机号格式，还可以限制输入长度。
----------
----------- -----------------------------
-----------
--------
------ - ---------- - ---- ---------
------ ------- -
----------- -
-----------
--
------ -
------ -
------ ---
--
--
--
---------UserAvatar
这是一个用户头像组件，可以显示用户头像和用户名，并且支持修改头像。
----------
----------- ------------- ------------ ------------------------------------
-----------
--------
------ - ---------- - ---- ---------
------ ------- -
----------- -
-----------
--
------ -
------ -
------- -------------------------------------------------------
----- -----
--
--
-------- -
------------------ -
-- --------
--
--
--
---------总结
以上只是 cc-bnp 包中的一部分功能，实际上还有很多非常实用的工具函数和组件，它们都能为前端开发提供很多便利。希望这篇文章能帮助您更好地了解和使用 cc-bnp。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/87814