Vue的数据为什么频繁变化时但只会更新一次

如果每次修改都触发视图更新，会导致多次重复和不必要的渲染操作。例如一个组件使用了两个data的属性，更新两个属性如果触发两次渲染的话，会影响性能。

原因：Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后，在下一个的事件循环“tick”中，Vue 刷新队列并执行实际 (已去重的) 工作。