前端应用
vue-3-performance
更新于 2026-07-27
Vue · 性能规则
Performance rules for Vue: baseline first, dominant-cost-first fixes and recorded budgets.
- 技术栈
- Vue
- 主题
- 性能
- 条目
- 9 条
- 版本
- v0.2.0
✓ 应当这么做
- ✓ Measure a baseline on realistic data before changing anything
- ✓ Fix the dominant cost first: network, then N+1 queries, then allocation
- ✓ Record the budget and the measurement method next to the code
✕ 常见反模式
- ✕ Optimising code paths not visible in the profile
- ✕ Micro-benchmarks that ignore cold start and contention
- ✕ Trading correctness for speed without an explicit decision record
◎ 交付前验证
- ◎ React DevTools profiler shows no render loops after the change
- ◎ Strict Mode double-invocation does not duplicate side effects
- ◎ Server and client render output match (no hydration mismatch warnings)
同分类条目
40 篇前端应用
React 工程规则
React 19 delivery rules: pure render, server actions and stable list identity
前端应用
Next.js 工程规则
Next.js 15 App Router rules: async cookies/headers and server/client boundary discipline
前端应用
Nuxt 工程规则
Nuxt 3 rules: data fetching composables and SSR-safe state
前端应用
Vue 工程规则
Vue 3 Composition API rules: pure computed state and typed props
前端应用
Svelte 工程规则
Svelte 5 rules: runes-based reactivity and effect discipline
前端应用
Solid 工程规则
Solid.js rules: fine-grained reactivity without dependency-array leakage