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')