- 作用:
- 当你在 Vue 中更改响应式状态时,最终的 DOM 更新并不是同步生效的,而是由 Vue 将它们缓存到“next tick”以确保每个组件无论发生多少状态改变,都仅执行一次更新
案例
<template>
<div>{{val1}}</div>
</template>
<script>
import { ref } from '@vue/reactivity'
import { nextTick } from '@vue/runtime-core';
export default {
setup(){
let val1 = ref(200);
//
nextTick(()=>{
console.log('nextTick ====');
})
//
return {
val1
}
}
}
</script>