← [ BACK_TO_NOTES ]

shadcn/vue

shadcn-vue 的 Vue 组件源码分发模式,与 React shadcn/ui 的身份及使用边界。

#frame #resource #growing

[!info] related notes

shadcn/vue

shadcn-vue 将 shadcn/ui 的组件源码分发方式带到 Vue 生态。它提供可复制、修改、组合的组件源码及 CLI / registry 分发能力;不是从 React 包直接导入 Vue 组件。

组件进入项目后,样式、可访问性和本地定制由项目继续维护;底层依赖仍需安装和更新。默认设计与 headless 组件有助于起步,但不保证所有定制自动满足可访问性要求。

使用边界

  • 使用 Vue 版的框架安装指南和 CLI,不能复制 React JSX 示例作为 Vue 组件。
  • 在已有项目初始化前检查 Tailwind 主版本、别名和目录配置;init 会修改配置,不保证对任何现有项目一条命令即可完成。
  • 先选择所需组件,再核对其依赖和源码;例如 Sonner 包装依赖 vue-sonner,还需要挂载 Toaster 与引入基础样式。
  • 原记录“对 Vue 2 支持有限”没有具体兼容性证据,不能据此承诺 Vue 2 可用;应以所选版本的依赖声明为准。

来源

2026-10-06 核对了官方仓库的当前介绍与 Sonner 文档源码;文档站在本次访问中返回 403,因此未声称已验证站内所有安装步骤。

创建于 2025/1/1 更新于 2026/10/16
Digital Biome
Access

键盘导航

j / k / ↑ / ↓
选择对象
Enter / o
打开选择
/ 或 Ctrl+K
全站搜索
i / f / 1–4
筛选当前列表
g → h / l / p / t / a
首页 / 笔记 / 项目 / 工具 / About
r → 1–9
打开所选对象的关联
u
返回上一页
Esc
关闭浮层 / 取消命令;输入框内清空文本