# o(*￣︶￣*)o
 ----
`Huadao-UI` 是一款基于 `Vue` ，开发出来用于学习交流的前端 UI 组件库

## 由来

- 公司项目需要，毕竟每个公司都应该有自己的组件库
- 项目的样式采用的是less。

# 安装

----

## 使用 npm 安装

```bash
npm install huadao_ui --save
```
# 快速开始

----

### 全局组件使用

可以在项目的入口文件中引入所有组件或所需组件

```js
import HUI from 'huadao_ui' // 引入组件库
import 'huadao_ui/packages/theme-set/lib/index.css' // 引入样式库

Vue.use(HUI)
```

### 单个组件按需使用

可以局部注册所需的组件，适用于与其他框架组合使用的场景

```js
import { HButton } from 'huadao_ui'

export default {
  components: {
    HButton
  }
}
```

在模板中，用 `<h-button></h-button>` 自定义标签的方式使用组件

```html
<template>
  <h-button>这是一个按钮</h-button>
</template>
```