vue3 使用nextTick

Vue 3中的`nextTick`是一个异步函数，它会在当前渲染循环结束后（即所有的数据变化都处理完毕），且DOM更新完成后回调给指定的函数。这通常用于在操作DOM之前等待队列中的所有更新完成，以确保元素的状态已经是最新的，避免出现未更新到DOM的旧状态。

例如，当你需要基于数据变化后的DOM效果执行一些操作，如修改样式、绑定事件等，可以将依赖DOM更新的任务放在`nextTick`里：

this.title = 'New Title';
this.$nextTick(() => {
  console.log(document.querySelector('#title').textContent); // 确保标题已更新
});

`nextTick`的另一个常见用途是在计算属性中，防止立即读取到尚未更新的新值：

data() {
  return {
    count: 0,
  }
},
computed: {
  formattedCount() {
    this.$nextTick(() => {
      return this.count + ' items';
    });
  }
}