跳到正文
cccskills
免费在 GitHub 公开

vue-jsx-best-practices

Write JSX, an HTML-like syntax within JavaScript, for Vue by checking how it differs from React JSX. Covers attribute conventions and JSX plugin configuration, with guidance for code migration and attribute type errors.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

实测评分 未实测

查看安装方法

适用场景

  • Migrating React JSX code to Vue
  • Investigating JSX attribute type errors
  • Checking class and className usage
  • Reviewing Vue JSX plugin configuration

包含的文件(2)

  • SKILL.md393 B
  • reference/render-function-jsx-vue-vs-react.md4.0 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Vue JSX best practices and differences from React JSX.

JSX

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Create reusable Vue composables, functions that share reactive logic, accepting plain values, refs, or getters. Choose input types for reading or writing and normalize values so reactive effects track changes consistently.

中文简介正在准备中。当前显示英语简介。

  • Build reusable Vue composables
  • Update a document title when its input changes
  • Create a counter with writable input
vuejs-ai/skills31232026年10月20日 更新

Guides Vue 3 development with TypeScript, covering state, component responsibilities, and data flow. Helps organize implementation and refactoring, then review performance once the required behavior works.

中文简介正在准备中。当前显示英语简介。

  • Building Vue 3 screens with TypeScript
  • Refactoring large components
  • Clarifying state ownership and data flow
vuejs-ai/skills31232026年10月20日 更新

Diagnose Vue 3 problems through symptom-based references covering state updates, component events, asynchronous failures, and rendering errors. Includes server-rendered pages whose HTML does not match what the browser expects when it takes over.

中文简介正在准备中。当前显示英语简介。

  • Investigating a screen that no longer updates
  • Tracking duplicate or missing component events
  • Diagnosing asynchronous loading failures
vuejs-ai/skills31232026年10月20日 更新

Guides maintenance of Vue 3 components written with Options API. Covers TypeScript typing, access to component data through this, lifecycle methods, and accidental sharing of state between component instances.

中文简介正在准备中。当前显示英语简介。

  • Adding types to Options API components
  • Investigating this binding in methods
  • Reviewing access to data in lifecycle hooks
vuejs-ai/skills31232026年10月20日 更新

Set up Pinia stores, the shared data containers used in Vue applications, and troubleshoot state updates. Covers startup errors, destructuring that breaks screen updates, method context, and using URLs for temporary filters.

中文简介正在准备中。当前显示英语简介。

  • Investigating Pinia startup errors
  • Fixing screen updates after destructuring store values
  • Checking state returned by setup stores
vuejs-ai/skills31232026年10月20日 更新

Helps troubleshoot Vue Router 4 navigation, including checks before changing pages, URL parameter changes, and component cleanup. Use it to investigate redirect loops, stale data, and asynchronous work during navigation.

中文简介正在准备中。当前显示英语简介。

  • Investigating infinite redirect loops
  • Reviewing data updates when URL parameters change
  • Checking asynchronous API calls during navigation
vuejs-ai/skills31232026年10月20日 更新

查看 vuejs-ai 的全部技能

报告此技能的问题