vue-best-practices
Installation
SKILL.md
Vue 3 最佳实践、常见陷阱和性能优化。
响应式
- 在脚本中访问 ref() 值时不带 .value → 参见 ref-value-access
- 解构 reactive() 对象,丢失响应性 → 参见 reactive-destructuring
- 为状态选择 ref() 和 reactive() → 参见 prefer-ref-over-reactive
- 访问数组和集合内的 ref → 参见 refs-in-collections-need-value
- 大对象或外部库数据开销 → 参见 shallow-ref-for-performance
- 在模板表达式中使用嵌套 ref → 参见 template-ref-unwrapping-top-level
- 使用 === 运算符比较响应式对象 → 参见 reactivity-proxy-identity-hazard
- 库实例在响应式状态中损坏 → 参见 reactivity-markraw-for-non-reactive
- 期望侦听器对每次状态更改都触发 → 参见 reactivity-same-tick-batching
- 集成外部状态管理库 → 参见 reactivity-external-state-integration
- 追踪意外的重新渲染和状态更新 → 参见 reactivity-debugging-hooks
- 使用 watchEffect 而不是 computed 派生状态 → 参见 reactivity-computed-over-watcheffect-mutations