vue3的nextTick怎么使用

在 Vue3 中，nextTick 方法被移动到了全局 API 中，可以通过引入 `vue` 模块来使用。

示例代码：

import { ref, nextTick } from 'vue'

const app = createApp({
  setup() {
    const count = ref(0)

    const handleClick = () => {
      count.value++
      nextTick(() => {
        console.log('count updated:', count.value)
      })
    }

    return {
      count,
      handleClick,
    }
  }
})

app.mount('#app')

在上述示例代码中，`nextTick` 方法接受一个回调函数作为参数，该回调函数会在下一次 DOM 更新循环结束之后执行。这意味着，当该回调函数执行时，你可以安全地访问更新后的 DOM。

在上面的示例中，我们通过点击按钮来更新 `count` 变量的值，并在 `nextTick` 回调函数中打印更新后的值。

需要注意的是，`nextTick` 方法返回一个 Promise 对象，你可以在回调函数中使用 `async/await` 语法来等待 Promise 的结果。