为啥我使用defineModel 去修改值之后 不能立即获取到最新的值

[hsxgit]

可以看下面的 链接 https://deploy-preview-8018--vue-sfc-playground.netlify.app/#__DEV__eNqlUstO6zAQ/ZWRNxSBk7JDVVLdK9awZOVNmkwg4Jf8CKqi/DvjuKXQihUbyzNnfM545kzsv7XFGJFtWOVbN9gAHkO0W6EHZY0L8GCUhd4ZBVdFmYJUfvUFTw77+YBnAEDo1mgfoDVRB6iBSlbra6GrMksQOQUBlZVNQIoAqkWmzPdXd7wt2ZEr06GsBVsIBbusG7SN4bIwo9N06GSeUw9fuuyW5U9w1djizRtNU5iWDxwAL9gGlkzK0fdSLNhrCNZvyrJDK82eW4fjgB/8fn13zzlVcd+3nDT2L450u0JjkEO/LxprS4ILR80MCgv0iu+c+fDoSF6w229KJSVHdNyh7tCh+7vyGeGFehKnAc00luOaz10BstEvdfAnd0xpufDTAMf1L8t4bmRE8kCH/aDxMaUqHdUO3XY1pWwTZdjAGmYySH7XdN1TVPRmdV1vafonnmJMZw3fqHPq5i5130h0YXWOEe+y99+9t4shGA3/Wjm07+Se3IBg25uqzNjBRyfqcyvNn86TJk8= 我直接修改了modelValue 之后为啥弹出的 modelValue 不是最新的值呀

[Alfred-Skyblue]

See #9759 (comment)

This behavior is expected. Within defineModel, the value of modelValue is changed through event notifications, and it is modified by the parent component. When it changes, it triggers the update of the component. Since component updates are asynchronous, you must wait until the component is updated to obtain the latest value. You can use nextTick to retrieve the most up-to-date value.

const addNum = async ()=>{
  modelValue.value = modelValue.value+1
  await nextTick()
  alert(modelValue.value)
}

[LcLoveStudy]

Thanks，i have the same question。I know it's caused by the life cycle ，but i can not find in the source code of Vue.