vue3 nexttick用法

`nextTick` 是 Vue.js 提供的一个 API，可以让我们在下次 DOM 更新循环结束之后执行指定的回调函数，通常用于在修改数据后立即操作 DOM。

在 Vue.js 3 中，`nextTick` API 的用法有所变化，具体如下：

import { nextTick } from 'vue'

// 在修改数据后，立即操作 DOM
app.count++
nextTick(() => {
  // DOM 更新后的回调
  console.log('DOM updated')
})

使用方式与 Vue.js 2 中的相同，需要注意的是，在 Vue.js 3 中，`nextTick` 函数已经从 `Vue` 对象中拆分出来成为了一个独立的模块，需要通过 `import` 引入后才能使用。

此外，Vue.js 3 中的 `nextTick` API 还支持 Promise 化，可以使用 `await` 关键字来等待 DOM 更新完成后再执行后续操作：

import { nextTick } from 'vue'

// 在修改数据后，立即操作 DOM
await nextTick()
// DOM 更新后的回调
console.log('DOM updated')

这种方式更加简洁，可读性也更高。但需要注意的是，`await nextTick()` 必须在 `async` 函数中使用才能生效。