响应式基础

DOM更新时机

当你更改响应式状态后，DOM 也会自动更新。然而，你得注意 DOM 的更新并不是同步的。相反，Vue 将缓冲它们直到更新周期的 “下个时机” 以确保无论你进行了多少次声明更改，每个组件都只需要更新一次。
若要等待一个状态改变后的 DOM 更新完成，你可以使用 nextTick() 这个全局 API：

  1. import { nextTick } from 'vue'
  3. function increment() {
  4.   state.count++
  5.   nextTick(() => {
  6.     // 访问更新后的 DOM
  7.   })
  8. }