vue-best-practices
提升 Vue 3 类型安全
Vue 项目经常遇到模板、Volar、router 和 TypeScript 边缘问题，从而拖慢代码审查。此技能提供聚焦 Vue 3 的规则，用于编写更安全的组件、配置和测试。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
Review the Skillstore skill "vue-best-practices" from https://skillstore.io/skills/antfu-vue-best-practices.md and its manifest at https://skillstore.io/api/skills/antfu-vue-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“vue-best-practices”。 一个组件包装器丢失了 button attribute 补全。
预期结果:
该技能建议启用 fallthrough attribute 支持，并检查属性如何转发到内部元素。
正在使用“vue-best-practices”。 一个路由页面报告 id 不存在于 route params 上。
预期结果:
该技能建议先使用特定路由的类型化 useRoute 模式，再退回到窄类型断言。
正在使用“vue-best-practices”。 一个 Vue SSR 应用在 script setup 更改后会完全重载。
预期结果:
该技能将 Vite SSR 配置检查与需要明确确认的可选缓存清理步骤区分开。
安全审计
安全All 102 static findings are false positives in documentation and inert Vue examples. Backticks are Markdown spans or JavaScript template literals, while key and reconnaissance matches are lexical collisions. Dynamic imports and relative API calls illustrate normal application patterns and are not executed by the skill.
风险因素
⚙️ 外部命令 (37)
⚡ 包含脚本 (5)
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/antfu-vue-best-practices/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/antfu-vue-best-practices?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/antfu-vue-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vue-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/antfu-vue-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
antfu. (2026). vue-best-practices security audit report (audit version 6) [Author version 18.0.0]. Skillstore. https://skillstore.io/skills/antfu-vue-best-practices/audits/6BibTeX 引用
@techreport{antfu-antfu-vue-best-practices-2026,
author = {antfu},
title = {vue-best-practices security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/antfu-vue-best-practices/audits/6},
note = {Author version 18.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-best-practices security audit report (audit version 6)"
version: "18.0.0"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vue-best-practices/audits/6"
identifiers:
- type: other
value: "skillstore:antfu-vue-best-practices:audit:6"
description: "Skillstore immutable audit report identifier"
比较变体
3 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
Skillstore 评分
评分依据 证据置信度: 高你能构建什么
审查 Vue 组件
在合并前发现 props、emits、slots、模板绑定和包装组件中的类型缺口。
稳定 Vue 工具链
在依赖升级后解决 Volar、vue-tsc、Vite 和模块解析问题。
提升测试覆盖率
为 Pinia store mock、data attributes 和严格模板检查应用类型化模式。
试试这些提示
请审查这个 Vue 组件中的 TypeScript 和模板类型问题。重点关注 props、emits、slots 和严格模板错误。
帮助修复我的 Vue 3 项目中的这些 vue-tsc 错误。解释适用的规则，以及最小的配置或代码更改。
重构这个包装组件，以保留 prop、emit、slot 和 fallthrough attribute 类型。避免宽泛的类型断言。
审计这个 Vue 应用迁移计划，关注 Volar 3、Vite SSR HMR、类型化 router params、Pinia 测试和模块解析。
最佳实践
- 在应用特定版本指导前，先检查 Vue 和语言工具版本。
- 优先使用项目级类型和 helper API，而不是宽泛的局部类型断言。
- 在运行清理命令或更改包之前请求确认。
避免
- 禁用严格模板检查，而不是修复类型化组件边界。
- 在多个配置文件和内联构建选项中重复配置 Vite Vue plugins。
- 在未说明受影响文件夹的情况下运行破坏性的缓存清理命令。
常见问题
此技能支持 Vue 2 吗？
它能自动修复错误吗？
它需要 Claude 或 Codex 吗？
它涵盖哪些 Vue 问题？
是否包含包安装命令？
团队应如何应用它？
开发者详情
作者
antfu许可证
MIT
作者版本
v18.0.0
Skillstore 修订
r2
引用
89edfdc710d0846129dcee6a929477b04f08052c
维护新鲜度
2026/7/24
使用量
29 次下载 · 272 次浏览