vue3使用 VueUse useVModel

1,213 阅读1分钟

参考:www.cnblogs.com/-roc/p/1625…

ChildView.vue


<script setup>  
import {useTimeout, useVModel} from '@vueuse/core'  
const props = defineProps(['name'])  
const emit = defineEmits(['update:name'])  
  
const data = useVModel(props, 'name', emit)  
console.log("传递过来的值",data.value)  
useTimeout(1000,{  
callback:()=>{  
data.value="danke"  
console.log("执行1s", data.value)  
}  
})  
  
  
</script>

parentView

<ChildView v-model:name="name"/>

image.png

使用useVModel 传递的时候一定要是v-model:XXX不能只是:XXX