LogoClawIndex
案例技能关于
LogoClawIndex

vuejs-best-practices - Vue 3 和 Nuxt 3 最佳实践

包含50+规则的 Vue 3 和 Nuxt 3 性能优化综合指南

标签

更新于: 2026-05-28

能力

典型输入

典型输出

该技能可以做什么

  • 优化 Vue 组件
  • 应用响应式模式
  • 减少打包体积
  • 配置 Nuxt 服务器
  • 设计组件
  • 使用 Composition API
  • 管理 Pinia 存储
  • 提升渲染性能
  • 集成 TypeScript
  • 编写测试
  • 审查代码
  • 重构应用

输入

  • Vue 源代码
  • Nuxt 项目文件
  • 组件设计
  • 测试需求
  • 性能指标

输出

  • 优化的 Vue 代码
  • 重构的 Nuxt 页面
  • TypeScript 组件
  • 测试套件
  • 性能报告

要求

  • Vue 3 运行时
  • Nuxt 3 框架
  • TypeScript 支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
vue
vue3
nuxt
nuxt3
性能优化
pinia
typescript
组合式API
响应式
reactivity
优化 Vue 组件
应用响应式模式
减少打包体积
配置 Nuxt 服务器
Vue 源代码
Nuxt 项目文件
组件设计
优化的 Vue 代码
重构的 Nuxt 页面
TypeScript 组件