Vue 3 组件库

这是一个基于 Vue 3 和 TypeScript 的组件库项目，使用 Vite 作为构建工具。项目提供了可复用的 UI 组件，帮助开发者快速构建 Vue 3 应用。

特性

• 基于 Vue 3 <script setup> 语法
• TypeScript 支持
• 组件化设计
• 易于扩展
• 完善的文档

组件列表

Button 组件

一个简单的按钮组件，支持基本的点击功能和禁用状态。

Props

| 属性名 | 类型 | 默认值 | 说明 | |--------|------|--------|------| | label | string | - | 按钮显示的文本 | | disabled | boolean | false | 是否禁用按钮 |

示例

<template>
  <Button label="点击按钮" />
  <Button label="禁用按钮" disabled />
</template>

Card 组件

一个简单的卡片组件，支持标题和内容插槽。

Props

| 属性名 | 类型 | 默认值 | 说明 | |--------|------|--------|------| | title | string | - | 卡片标题 |

示例

<template>
  <Card title="卡片标题">
    <p>这里是卡片内容</p>
  </Card>
</template>

安装

使用 pnpm (推荐)

pnpm install

使用 npm

npm install

使用 yarn

yarn install

开发

启动开发服务器

pnpm dev

构建项目

pnpm build

构建组件库

pnpm build:lib

发布到 npm

1. 确保已登录 npm：

npm login

2. 发布组件库：

pnpm publish

贡献指南

1. Fork 这个仓库
2. 创建你的特性分支 (git checkout -b feature/fooBar)
3. 提交你的修改 (git commit -am 'Add some fooBar')
4. 推送到分支 (git push origin feature/fooBar)
5. 创建新的 Pull Request

许可证

MIT