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,因此未声称已验证站内所有安装步骤。