Tracking: setupState（ref / reactive / computed）
每個 component instance 自己建立的 ref/reactive/computed，物件引用天生唯一。
valNodeMap: WeakMap<rawObject, GraphNode>event.target直接命中，沒有衝突問題
Source: allenstu6311/Vue-reactivity-graph — distributed by TomeVault.
Vue Tracking Setup State
Vue Reactivity Graph 插件的 setupState 追蹤知識。說明如何識別 component setupState 裡的 ref / reactive / computed，以及 valNodeMap（WeakMap<rawObject, GraphNode>）的建立與查找方式。涉及 collectSetupState、bindSetupTrack、onTrack event 處理、valNodeMap 查找邏輯時載入。 Use when this capability is needed.
tomevault-io
Updated Vue Tracking Setup State by tomevault-io · fdc9c57
npx skillmds@latest add tomevault-io/vue-tracking-setup-state File contents
---name: vue-tracking-setup-statedescription: Vue Reactivity Graph 插件的 setupState 追蹤知識。說明如何識別 component setupState 裡的 ref / reactive / computed，以及 valNodeMap（WeakMap<rawObject, GraphNode>）的建立與查找方式。涉及 collectSetupState、bindSetupTrack、onTrack event 處理、valNodeMap 查找邏輯時載入。 Use when this capability is needed.---<!-- 來源：docs/tracking/setup-state.md --># Tracking: setupState（ref / reactive / computed）每個 component instance 自己建立的 ref/reactive/computed，物件引用天生唯一。- `valNodeMap: WeakMap<rawObject, GraphNode>`- `event.target` 直接命中，沒有衝突問題---> Source: [allenstu6311/Vue-reactivity-graph](https://github.com/allenstu6311/Vue-reactivity-graph) — distributed by [TomeVault](https://tomevault.io).<!-- tomevault:4.0:skill_md:2026-06-15 -->
tomevault-io/skills-registry/tree/main/allenstu6311--vue-reactivity-graph--vue-tracking-setup-state commit fdc9c5757d
Frequently asked questions
Run npx skillmds@latest add tomevault-io/vue-tracking-setup-state in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Vue Reactivity Graph 插件的 setupState 追蹤知識。說明如何識別 component setupState 裡的 ref / reactive / computed，以及 valNodeMap（WeakMap<rawObject, GraphNode>）的建立與查找方式。涉及 collectSetupState、bindSetupTrack、onTrack event 處理、valNodeMap 查找邏輯時載入。 Use when this capability is needed. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: CAUTION, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.