将回調推遲到下一個DOM更新周期之後執行,在更改了一些資料以等待DOM更新後立即使用它。
import { createApp, nextTick } from 'vue'
方式一:
const app = createApp({
setup() {
const changeMessage = async newMessage => {
...
await nextTick() 會傳回一個Promise對象,是以可以使用await,等待nextTick()結束再執行後續操作
...
}
}
})
方式二:
const app = createApp({
setup() {
const message = ref('Hello!')
const changeMessage = async newMessage => {
nextTick(()=>{
...
})
}
}
})