Receber por email
← Voltar para o catálogo

neo-vue

當建置、調試、重構或審查 Vue.js 應用程式、Vue 3 單一檔案元件 (SFC)、Pinia 狀態管理或 Vue Router 配置時使用此技能。 當專案包含 *.vue 檔案,或使用者提及「Vue」、「Pinia」、「Composition API」或「Vue Router」時觸發, 即使他們沒有明確要求 Vue 專家也適用。

6estrelas
Atualizado há 4 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add Benknightdark/neo-skills

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/neo-vue/svg)](https://www.skillteca.com.br/skills/neo-vue)

Skills relacionadas

Ver todas de Automação →

Alerta por categoria

Receba novas skills de Automação toda segunda

1 email curto, só com as skills novas de Automação. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Modern Vue 3 & Pinia 開發專家 (neo-vue)

本技能旨在為 Agent 提供現代 Vue 3 (Composition API) 與 Pinia 狀態管理的開發與審查指南。它能確保產出的代碼完全符合官方 Vue Style Guide(優先級 A 與 B 級)的最佳實踐,避免常見的響應性陷阱(Reactivity Gotchas),並生成具備高質感與強型別的單一檔案元件(SFC)。

Gotchas

  • 解構 reactive 物件導致響應性丟失:禁止直接解構 props 或由 reactive() 定義的物件(例如:const { name } = props 或 const { x } = state),這會徹底失去 Vue 響應式追蹤!
  • 防錯機制:必須使用 toRefs(props) 或 toRef(props, 'name') 來保持其響應性。
  • 解構 Pinia Store 導致狀態響應性丟失:直接解構 Pinia store 的 state(如 `const {

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn