简介
element.min.js 是一个基于 Vue.js 的前端 UI 组件库。它提供了丰富的组件，如按钮、表单、弹窗等等。element.min.js 是一个 npm 包，可以通过 npm 安装使用。
安装
npm i element-ui -S
使用
在安装完成后，在 Vue.js 项目中使用 element.min.js 首先需要引入 Element 组件库和样式：
import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'
然后，在 Vue.js 中使用 Vue.use 方法注册 Element 组件库：
Vue.use(ElementUI)
最后，在 Vue.js 组件中，就可以使用 Element 组件了。例如：
<template>
<div>
<el-button type="primary">Primary</el-button>
</div>
</template>组件
Element 组件库提供了很多常用的 UI 组件，这里我们介绍几个常用的组件。
弹窗
弹窗是常用的交互组件，Element 提供了 Dialog 组件来实现弹窗的功能。使用如下：
-- -------------------- ---- -------
----------
-----
---------- -------------- ------------------ - ---------- ------------------
---------- ---------------------------
------- -- --- ---- --------------
------------
------
-----------
--------
------ ------- -
---- -- -
------ -
----------- -----
-
-
-
---------表格
表格是常用的数据展示组件，Element 提供了 Table 组件来实现表格的功能。使用如下：
-- -------------------- ---- -------
----------
-----
--------- ------------------
---------------- ----------- -------------------------------
---------------- ----------- -------------------------------
---------------- -------------- ----------------------------------
-----------
------
-----------
--------
------ ------- -
---- -- -
------ -
---------- -
- ----- ------------- ----- ----- ------- -------- --------- ---- ------- --
- ----- ------------- ----- ----- ----- -------- --------- ---- ------- --
- ----- ------------- ----- ---- -------- -------- --------- --------- --
- ----- ------------- ----- ----- ------- -------- --------- ----- ------- -
-
-
-
-
---------表单
表单也是常用的交互组件，Element 提供了 Form 组件和多种表单项组件来实现表单的功能。使用如下：
-- -------------------- ---- -------
----------
-----
-------- ---------- ------------- -------------------
------------- -------------
--------- -------------------------------
---------------
------------- ------------
---------------- -------------------------------------
---------------
------------- ---------------
--------------- ----------------------
--------- -------------------------------
--------- -----------------------------------
-----------------
---------------
------------- ----------------
------------------ -----------------------
------------ ----------------------------------------------
------------ ------------------------------------------
------------ ----------------------------------
--------------------
---------------
----------
------
-----------
--------
------ ------- -
---- -- -
------ -
----- -
----- ---
---- ---
------- ---
-------- --
-
-
-
-
---------总结
本篇文章介绍了如何使用 element.min.js npm 包，详细讲解了如何在 Vue.js 项目中引入、使用 Element 组件以及常用的组件方法。Element 组件库提供了丰富的 UI 组件，可以大幅度提高开发效率。希望本篇文章能够帮助到正在学习前端的读者们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc4967216659e2442ea