vue3中使用setup语法糖时,defineEmits不需要引入

发布时间:2023-07-25浏览次数:877 次
在vue3中,我们使用setup语法糖时,是不需要显示引入defineEmits,defineProps的,之前在测试的时候,发现不显示引入,代码也可以正常运行

在vue3中,我们使用setup语法糖时,是不需要显示引入defineEmits,defineProps的,之前在测试的时候,发现不显示引入,代码也可以正常运行,但是担心不引入直接写可能存在语法上不规范。如下面一段代码:

<script setup>
import {defineEmits} from 'vue';
// 省略上面一行,不影响代码的正常运行
defineEmits(['parEvent']);
</script>

终于后来在vue3的文档中找到了原话:

defineProps 和 defineEmits 都是只能在 <script setup> 中使用的编译器宏。他们不需要导入,且会随着 <script setup> 的处理过程一同被编译掉。

这样,我们就可以放心大胆的直接使用defineEmits 和defineProps 了。

扫一扫,在手机上查看