用途分类 / 内容写作
Vue Skill 安全审计
作者说它能做什么（原文）
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
第三方安全检查结论
这次检查未发现明显风险
- 已检查文件
- 5
- 发现的风险
- 0
会不会运行危险命令？检查是否下载程序后直接运行、让他人远程控制电脑，或藏起要运行的命令。未发现风险
会不会泄露文件和密钥？检查是否发送含密码或密钥的文件，以及代码里是否直接写了密钥。未发现风险
会不会删除文件或一直在后台运行？检查是否大范围删除文件、改写磁盘，或设置自动启动。未发现风险
会不会绕过安全保护？检查是否跳过网站安全验证、开放过多文件权限，或取消操作前的确认。未发现风险
会不会误导 AI 或隐藏内容？检查工作说明是否要求 AI 忽略你的指令、干扰检查结果，或夹带看不见的文字。未发现风险
会不会偷偷改推广链接或收款方？检查是否强制替换推广链接或收款对象，同时要求隐瞒更改。未发现风险
Skill 逻辑拆解
该 Skill 是 Vue 3 编程参考资料，指导代理优先使用 TypeScript、Composition API 和 `<script setup>`；没有要求执行安装命令、修改系统设置或访问用户凭据。
查看原文
> Based on Vue 3.5. Always use Composition API with `<script setup lang="ts">`.## Preferences- Prefer TypeScript over JavaScript- Prefer `<script setup lang="ts">` over `<script>`- For performance, prefer `shallowRef` over `ref` if deep reactivity is not needed- Always use Composition API over Options API- Discourage using Reactive Props Destructure主文件仅将不同 Vue 主题路由到三个随附参考文件；清单显示这些引用均已提供。
查看原文
| Topic | Description | Reference ||-------|-------------|-----------|| Script Setup & Macros | `<script setup>`, defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots, generics | [script-setup-macros](references/script-setup-macros.md) || Reactivity & Lifecycle | ref, shallowRef, computed, watch, watchEffect, effectScope, lifecycle hooks, composables | [core-new-apis](references/core-new-apis.md) || Topic | Description | Reference ||-------|-------------|-----------|| Built-in Components & Directives | Transition, Teleport, Suspense, KeepAlive, v-memo, custom directives | [advanced-patterns](references/advanced-patterns.md) |参考资料包含对相对路径 API 的 `fetch` 示例。这些代码位于代码围栏中，是供生成 Vue 组件时采用的示例，并未指示审计过程立即发送请求；若用户把生成代码部署到应用中，请求才会在该应用运行时发生。
查看原文
watchEffect(async () => { const controller = new AbortController() // Cleanup on re-run or unmount (Vue 3.5+) onWatcherCleanup(() => controller.abort()) const res = await fetch(`/api/${id.value}`, { signal: controller.signal }) data.value = await res.json()})## Top-level awaitUse `await` directly in `<script setup>`. The component becomes async and must be used with `<Suspense>`.```vue<script setup lang="ts">const data = await fetch('/api/data').then(r => r.json())</script>```自定义指令示例会操作其绑定元素的焦点或样式，但作用范围是应用页面中的 DOM 元素，没有显示读取文件、持久化更改或绕过浏览器权限。
查看原文
```ts// Directive definitionconst vFocus: Directive<HTMLElement> = { mounted: (el) => el.focus()}// Full hooksconst vColor: Directive<HTMLElement, string> = { created(el, binding, vnode, prevVnode) {}, beforeMount(el, binding) {}, mounted(el, binding) { el.style.color = binding.value }, beforeUpdate(el, binding) {}, updated(el, binding) { el.style.color = binding.value }, beforeUnmount(el, binding) {},从这里开始 · 工作说明SKILL.md
vue文件引用关系图
3 处引用哪些文件发起引用引用了什么
文件与检查记录5 个文件
检查范围与遗漏
逐文件查看涉及的内容
下方列出本次涉及的原文范围；纳入检查不代表已查清所有问题。
SKILL.md已纳入全文references/advanced-patterns.md已纳入全文references/core-new-apis.md已纳入全文references/script-setup-macros.md已纳入全文GENERATION.md已纳入全文
这份报告只针对上方版本。我们看了拿到的代码和说明文件，没有实际运行 Skill，也没有检查它另外安装的软件包。因此，这不是“保证安全”的承诺；换了版本或使用环境，结果也可能不同。
GENERATION.md配套文件SKILL.md工作说明references/advanced-patterns.md配套文件references/core-new-apis.md配套文件references/script-setup-macros.md配套文件
代码和说明中提到的操作
连接外部网站
version: "2026.1.31" source: Generated from https://github.com/vuejs/docs, scripts at https://github.com/antfu/skills---<script setup lang="ts">const data = await fetch('/api/data').then(r => r.json())</script>Source references:- https://vuejs.org/api/built-in-components.html- https://vuejs.org/guide/built-ins/transition.html- 读取了多少行
- 876
- 文件校验值（用于核对版本）
- 128a6c634cc11f393b565728af3699e716105f5c71d331c1c6418baad91755d4