简介
gulu-lmj 是一款基于 Vue.js 开发的前端 UI 组件库，提供了丰富的组件和工具，可以大大提高前端开发效率，同时也有利于代码的复用和维护。本文主要介绍 gulu-lmj 的使用方法和注意事项。
安装
可以使用 npm 安装 gulu-lmj：
npm install gulu-lmj --save
也可以在项目中使用 CDN 引入：
<link rel="stylesheet" href="https://unpkg.com/gulu-lmj@版本号/dist/gulu-lmj.min.css"> <script src="https://unpkg.com/gulu-lmj@版本号/dist/gulu-lmj.min.js"></script>
需要注意的是，使用 CDN 引入的方式，需要手动将 gulu-lmj 的组件注册到 Vue 中，具体方法可以参考 gulu-lmj 的文档。
使用
引入和使用组件
在需要使用 gulu-lmj 组件的地方，可以直接引入组件：
-- -------------------- ---- -------
----------
---------------------------
-----------
--------
------ - -------- - ---- ----------
------ ------- -
----------- -
--------
-
-
---------使用样式
可以直接在组件中使用 gulu-lmj 提供的样式名：
-- -------------------- ---- -------
----------
---- ---------------------
---- ---------------
---- ------------------------
---- ------------------------
---- ------------------------
------
------
-----------
-------
------- ---------------------------------
--------也可以通过 overwriting variables 来自定义样式：
-- -------------------- ---- ------- ------- ----------------- ----- ------------------------ ----- ------- --------------------------------- ---------- - ----------------- --------------------- -------------- ---------------------------- - --------
使用插件
gulu-lmj 还提供了一些辅助工具，可以通过 Vue.use() 安装：
import { GlToast } from 'gulu-lmj'
Vue.use(GlToast)然后在组件中使用：
this.$toast('文本内容')使用指南
在使用 gulu-lmj 进行开发时，需要注意一些常见的问题：
- 需要使用
Vue.use()安装插件 - 需要在样式中引入 gulu-lmj 的样式文件
- 可以通过 overwriting variables 来自定义样式
- 熟悉 gulu-lmj 的文档，知道有哪些组件和可用的属性
示例代码
-- -------------------- ---- -------
----------
---- ---------------------
---- ---------------
---- -----------------
-----------
------
------------- ------------
--------- --------------------------------
---------------
------------- -----------
--------- --------------- -------------------------------
---------------
--------------
---------- -------------- ----------------------------------
---------------
-------
------
---- -----------------
-----------
--------- ------------------
---------------- ---------- ------------------------------
---------------- ---------- --------------------------------
---------------- ---------- -----------------------------
---------------- -----------
--------- -------------------
---------- -----------------------------------------------
-----------
------------------
-----------
------
------
------
-----------
--------
------ - ------- ----------- -------- --------- -------- ------------- - ---- ----------
------ ------- -
----------- -
-------
-----------
--------
---------
--------
-------------
--
---- -- -
------ -
---------- --
----- -----
------- ----
---- --
-- -
----- -----
------- ----
---- --
--
-
--
-------- -
---------- -- -
-------------------------
--
---------- ------- -
---------------------------- --
-
-
-
---------
-------
------- ---------------------------------
------------- -
------- -----
-
------- -
-------------- -----
-
---------- ---------- ---------- --------- -
------- -----
------------ -----
----------- -------
------- --- ----- -----
----------------- --------
------- ----
-
--------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f4d9381d61a3540e61