My UI Components

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

安装

npm install my-ui-npm

使用

完整引入

import { createApp } from 'vue'
import MyUI from 'my-ui-npm'
import App from './App.vue'

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

按需引入

import { createApp } from 'vue'
import { MyButton } from 'my-ui-npm'
import App from './App.vue'

const app = createApp(App)
app.component('MyButton', MyButton)
app.mount('#app')

组件

Button 按钮

基础的按钮组件，支持多种状态和样式。

基础用法

<template>
  <my-button>默认按钮</my-button>
  <my-button type="primary">主要按钮</my-button>
  <my-button type="success">成功按钮</my-button>
  <my-button type="warning">警告按钮</my-button>
  <my-button type="danger">危险按钮</my-button>
</template>

Props

参数	说明	类型	可选值	默认值
type	按钮类型	string	default/primary/success/warning/danger	default
plain	是否朴素按钮	boolean	-	false
round	是否圆角按钮	boolean	-	false
disabled	是否禁用	boolean	-	false

Events

事件名	说明	回调参数
click	点击按钮时触发	event: MouseEvent

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建组件库
npm run build

License

MIT