HDD Vue3 Lib

一个基于 Vue 3 的轻量级组件库。

安装

npm install hdd-vue3-lib

快速使用

全局引入

import { createApp } from 'vue'
import App from './App.vue'
import HDDVue3Lib from 'hdd-vue3-lib'
import 'hdd-vue3-lib/dist/hdd-vue3-lib.css'

const app = createApp(App)
app.use(HDDVue3Lib)
app.mount('#app')

按需引入

import { MyButton } from 'hdd-vue3-lib'
import 'hdd-vue3-lib/dist/hdd-vue3-lib.css'

export default {
  components: {
    MyButton
  }
}

组件

MyButton

按钮组件，支持多种类型和尺寸。

| 属性 | 说明 | 类型 | 可选值 | 默认值 | |------|------|------|--------|--------| | type | 按钮类型 | String | default/primary/success/warning/danger | default | | size | 按钮尺寸 | String | small/default/large | default | | disabled | 是否禁用 | Boolean | — | false |

示例：

<template>
  <my-button type="primary">主要按钮</my-button>
  <my-button type="success">成功按钮</my-button>
  <my-button size="small">小按钮</my-button>
  <my-button disabled>禁用按钮</my-button>
</template>