每修改一次数据 → 立刻操作一次真实 DOM → 浏览器每次都要重新布局和绘制
模拟耗时
{{ showResults ? slowTime + 'ms' : '—' }}
{{ i }}
修改 → 布局 → 绘制
... 重复 {{ selectedCount - 4 }} 次 ...
所有修改先在内存中计算好 → 最后只操作一次真实 DOM → 浏览器只需要重新布局和绘制一次
模拟耗时
{{ showResults ? fastTime + 'ms' : '—' }}
1
内存中计算 {{ selectedCount }} 次变化
2
一次性提交 → 布局 → 绘制