我自己在升级Vue3版本后(3.3.4),使用过程中遇到了这样的一个问题(defineModel is not defined),然而并没有报错defineProps这个宏错误。
//父组件
<template>
<div>
<div>父:{{ msg }}</div>
<Myinput v-model="msg" title="传参" />
</div>
</template>
<script setup>
import Myinput from "./components/Myinput/index.vue";
const msg = ref('')
</script>
//子组件
<template>
<div>
<input v-model="value" />
<div>{{ title }}</div>
</div>
</template>
<script setup>
const value = defineModel()
defineProps({
title: {
type: String,
default: '',
required: true
}
})
</script>
效果:
我们需要在vite.config.js中添加一些东西
export default defineConfig({
plugins: [
vue({
script:{
defineModel:true
}
}),
]
})
然后这个错误警告就解决了。