vue3的$nextTick

Vue 3 中的 `$nextTick` 是一个实用的方法，它会在下次 DOM 更新循环结束之后执行指定的回调函数。这个方法通常用于在修改数据后，等待 Vue 完成对 DOM 的更新后再执行一些操作。在旧版的 Vue 中，`$nextTick` 是一个实例方法，但在 Vue 3 中，它变成了一个独立的函数。

使用 `$nextTick` 的一种常见场景是在修改数据后立即访问更新后的 DOM。下面是一个示例：

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="updateMessage">更新消息</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '原始消息'
    }
  },
  methods: {
    updateMessage() {
      this.message = '更新后的消息'
      this.$nextTick(() => {
        // 在 DOM 更新后