vue3 中的 nextTick() | 工作生活记录12

在Vue3中，nextTick()是一个非常有用的方法，它可以在DOM更新之后执行一段代码。这在处理DOM操作和异步更新时非常有用。

下面是一个简单的示例，演示了如何使用nextTick()方法：

import { ref, nextTick } from 'vue';
 
export default {
    setup() {
        // 创建一个响应式变量
        const message = ref('Hello, Vue3!');
        
        // 在DOM更新之后执行一段代码 const updateMessage = () => {
        message.value = 'Hello, World!';
            nextTick(() => {
                console.log('DOM updated');
            });
        };
        return {
            message,
            updateMessage
        };
    }
};