简介
ehd 是一个基于 Vue 和 Element UI 的前端 UI 库。它提供了一些常用的 UI 组件和实用工具函数，帮助开发者快速搭建出美观大方的网站。
安装
使用 npm 安装：
npm install ehd --save
快速上手
注册组件
在 Vue 中使用 ehd 组件前，需要先将其注册到 Vue 中。可以通过以下方式：
import Vue from 'vue' import ehd from 'ehd' Vue.use(ehd)
或者按需引用：
import Vue from 'vue'
import { Button, Input } from 'ehd'
Vue.component('EButton', Button)
Vue.component('EInput', Input)使用组件
注册后，在 Vue 组件中即可通过标签名的方式使用 ehd 组件。
-- -------------------- ---- -------
----------
-----
--------- ----------------------------------
-------- --------------------------
------
-----------
--------
------ ------- -
---- -- -
------ -
------ --
-
--
-------- -
----------- -- -
---------------
-
-
-
---------引用样式
ehd 组件的样式是基于 Element UI 的样式扩展而来的。因此，在使用 ehd 组件前需要先引用 Element UI 的 CSS 文件。
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
另外，还需要在项目中引入 ehd 的 CSS 文件。
<link rel="stylesheet" href="./node_modules/ehd/lib/ehd.css">
更多示例
更多组件使用示例可以参考 ehd 的官方文档。
意义与指导
使用 ehd 可以大大提高前端开发效率，减少样式和组件开发的重复劳动，并且可以保证开发出的网站UI风格的一致性。同时，ehd 也是一个开源项目，如果你对某个组件的实现方式不满意，可以自己修改源代码，并向项目提交 PR，一起让 ehd 变得更加优秀。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005697281e8991b448e4d5e