vue响应式学习笔记

data 来声明组件的响应式状态，
值为返回一个对象的函数，
vue在创建新组建实例的时候调用此函数并用响应式系统包装返回的对象
此对象的所有顶层属性都被代理到 this 上

export default {
  data() {
    return {
      count: 1
    }
  },
}

实例上的属性仅在实例首次创建时被添加，因此你需要确保它们都出现在 data 函数返回的对象上。若所需的值还未准备好，在必要时也可以使用 **null、undefined 或者其他一些值占位。**否则无法触及响应式更新

DOM 更新时机

当你更改响应式状态后，DOM 会自动更新。然而，你得注意 DOM 的更新并不是同步的。相反，Vue 将缓冲它们直到更新周期的 “下个时机” 以确保无论你进行了多少次状态更改，每个组件都只更新一次。

若要等待一个状态改变后的 DOM 更新完成，你可以使用 nextTick() 这个全局 API：