Vue 单文件组件模板
按表单配置生成 .vue 单文件组件模板源码。
PascalCase 多词命名（如 UserForm）
props（可留空）
emits（可留空）
字符 0字节 0行 0
生成内容
- 仅生成源码模板，不渲染组件、不执行任何源码，也不调用 AI 后端。
- TypeScript：
defineProps使用类型 +withDefaults（有默认值时）；JavaScript：使用运行时对象写法。 - emits 使用
defineEmits；样式支持 scoped / 非 scoped / 无、CSS / SCSS。 - 默认值仅支持字面量（数字、引号字符串、
true/false、[]、{}、null）。
校验
组件名必须是合法标识符且不能是保留字；单词组件名仅给黄色建议（Vue 风格指南），不会阻止生成。props / emits 的名称、重复项、默认值错误会定位到具体行。
什么时候用「Vue 单文件组件模板」
新建 Vue 组件时想省掉重复的骨架代码，尤其是团队约定固定的 <script setup> 结构。
使用要点
- 按表单配置生成 .vue 单文件组件源码（Composition API）。
- 可带 props、emits、样式与 scoped 等常见选项。
- 生成的是骨架，业务逻辑仍需自己填。
相关工具
Vue 单文件组件模板与其他 44 个工具一样，全部计算都在你的浏览器里完成：输入、密钥与文件不会发送到服务器，页面首次加载后可离线使用。