什么是meli
meli是一个基于Vue.js的UI组件库，提供了多个常用组件供前端开发者使用，具有美观、易用、灵活、高度可定制等特点，适用于大多数项目并且易于集成进现有工程项目。
如何使用meli
安装
在使用meli前，你需要使用npm或yarn下载meli包。在终端中执行以下命令：
npm install meli --save-dev
或者
yarn add meli -D
引用
1.在项目中引入meli
如果使用的框架为Vue.js，可以在main.js中全局引入meli：
import Vue from 'vue'; import Meli from 'meli'; Vue.use(Meli);
2.在组件中使用meli
以button组件为例。在需要使用button的组件中，import button组件，直接在template中使用即可。
-- -------------------- ---- -------
----------
--------
----- ---
---------
-----------
--------
------ - ------ - ---- -------
------ ------- -
----------- -
-------
--
--
---------特效
组件提供了很多个性化特效的参数，你可以通过这些参数来修改组件的显示效果。拿button组件举例：
-- -------------------- ---- -------
----------
-------
----------
--------------
-----------------
-----
-----
-----
----------------------------
----- -- -------
---------
-----------
--------
------ - ------ - ---- -------
------ ------- -
----------- -
-------
--
-------- -
------------- -
------------- -----------
--
--
--
---------以上是button组件的一些常用属性，具体API参考官方文档.
结语
本文提供了如何安装和使用meli组件库的详细教程，以及一些常用的API参数。meli奉行灵活、美观、高度可定制的设计原则，在实际开发中出现的问题，可参考官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006725e3660cf7123b36402