vue-best-practices

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