组件预览与下载
浏览组件市场，找到需要的组件并下载到项目中使用。
浏览组件市场
在左侧菜单点击「组件市场」，可以看到所有可用的组件。组件列表支持以下筛选：
- 推荐：根据使用量和评分智能推荐
- 最新：按发布时间倒序排列
- 热门：按下载量排序
- 全部：显示所有组件（包括依赖不匹配的）
预览组件
点击组件卡片上的「预览」按钮，在新标签页打开详情页。
详情页包含：
- 预览区域：展示组件实际运行效果
- 支持小窗/全屏两种视图切换
- 可调整背景色以适配不同主题
- 文档区域：显示 README.md 内容（如有）
- 版本选择：切换查看不同版本的组件
- 依赖信息：查看组件所需的依赖及其版本
下载组件
方式一：从组件市场下载
- 在组件市场找到目标组件
- 点击卡片上的「下载」按钮
- 在弹出的文件选择器中，导航到项目的
src/components目录 - 点击「选择文件夹」确认下载
方式二：从预览页下载
- 进入组件预览页
- 点击右下角的「下载」按钮
- 选择保存位置
下载完成后，组件文件夹将出现在您指定的目录中。
使用组件
下载的组件可以直接在项目中使用：
vue
<template>
<div>
<MyComponent :title="'Hello'" />
</div>
</template>
<script setup>
import MyComponent from '@/components/MyComponent/index.vue'
</script>常见问题
Q：组件下载后无法正常运行？
A：请检查：
- 是否安装了组件所需的依赖
- Vue 版本是否与组件要求一致
- 是否有全局样式冲突
Q：为什么有些组件在「推荐」中看不到？
A：可能是因为：
- 本地 Vue 版本与组件要求不匹配
- 缺少组件必需的依赖
- 组件被标记为重复组件
切换「全部」筛选条件可查看所有组件，但依赖不匹配的可能无法预览。
Q：如何反馈组件问题？
A：在组件预览页点击「反馈」按钮，或在社区中联系组件作者。