前言
gocool 是一个基于 Vue.js 编写的 UI 组件库,它主要包含常用的 UI 组件,如按钮、输入框、下拉框、表格等。gocool 的使用方法很简单,只需要按照以下步骤进行安装和引入即可。
安装
使用 npm 或者 yarn 安装 gocool。
--- ------- ------ ------ - - ---- --- ------
引入
你可以选择全局引入 gocool,也可以按需引入。
全局引入
在 main.js
中引入和注册 gocool。
------ --- ---- ------ ------ --- ---- ------------ ------ ------ ---- --------- ------ ------------------------- ------------------------ - ------ ---------------- --- ----- --- ------- ------- - -- ------- ---
按需引入
在需要使用 gocool 的组件中引入对应的组件即可。
------ - ------ - ---- --------- ------ ------- - ----------- - ----------- ------- -- --
使用
通过以上步骤安装并引入 gocool 后,你就可以在项目中使用 gocool 提供的组件了。
Button
Button
组件是一个常用的按钮组件,它可以显示不同的样式和尺寸。
---------- --------- ---------------------- ----------------- --------- ---------------------- ----------------- --------- ---------------- ----------------- --------- ---------------------- ----------------- --------- -------------------- ----------------- --------- ---------------- ----------------- --------- -------------- ------------------ ----------------- --------- -------------- ------------------ ----------------- -----------
Input
Input
组件是一个常用的输入框组件,它可以显示不同的类型和尺寸。
---------- -------- ------------------- -- -------- ------------------- --------------- -- -------- ------------------- ------------- -- -------- ------------------- ------------ -- -------- ------------------- ------------ -- -----------
Select
Select
组件是一个常用的下拉框组件,它可以显示不同的选项和样式。
---------- --------- ------------------------ --------- ------------- -- -------- --------------------- ---------------------- ------------ ------------- ----------- --------- ----------------------- --------- --------- ------------- -- -------- --------------------- ---------------------- ------------ ------------- ----------- --------- ----------------------- ------------------ --------- ------------- -- -------- --------------------- ---------------------- ------------ ------------- ----------- --------- ----------------------- --------- --------- ------------- -- -------- --------------------- ---------------------- ------------ ------------- ----------- -----------
Table
Table
组件是一个常用的表格组件,它可以显示不同的数据和样式。
---------- -------- ------------------ ----------------- -- ----------- -------- ------ ------- - ------ - ------ - -------- - - ------ ------- ---- ------- -- - ------ ------ ---- ------ --------- ----- -- - ------ ---------- ---- ---------- -- -- ---------- - - ----- ------- ---- --- -------- ---- ------ -- - ----- ------ ---- --- -------- --------- -- - ----- ------- ---- --- -------- -------- - - -- -- -- ---------
结语
以上是 gocool 的使用教程,希望本篇文章对你有所帮助。gocool 除了上述组件之外,还包含了其它常用的 UI 组件,如消息框、模态框、菜单、面包屑等。如果你对 gocool 中的某个组件有疑问,可以查看官方文档或者提交 issue,我们将尽快回复和解决。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055bf881e8991b448d999f