vue3.0 nextTick

将回调推迟到下一个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(()=>{
				...
			})
	    }
	  }
	})
相关文章
