hfun

hfun-element-plus

# HFUN-ELEMENT-PLUS 组件库快速入门
本节介绍如何在项目中使用hfun-element-plus组件库

 
 

## 用法

hfun-element-plus是基于element-plus组件库的基础上进行封装的,所以需要引入element-plus组件库


 
 

## 安装

 npm i hfun-element-plus

### 完整引入
 // main.js
 import { createApp } from 'vue'
 import App from './App.vue'
 import hfunElementPlus from 'hfun-element-plus'

 // 引入 ElementPlus
 import ElementPlus from 'element-plus'
 import '../node_modules/element-plus/dist/index.css'

 createApp(App).use(ElementPlus).use(hfunElementPlus).mount('#app')


 
 

### 按需导入
 // main.js
 import { createApp } from 'vue'
 import App from './App.vue'
 // 只引入hfunButton组件
 import {hfunButton} from 'hfun-element-plus'

 // 引入 ElementPlus
 import ElementPlus from 'element-plus'
 import '../node_modules/element-plus/dist/index.css'

 createApp(App).use(ElementPlus).use(hfunButton).mount('#app')