【Vue.js】@vue/compiler-sfc] define Props/Emits is a compiler macro and no longer needs to be imported

Vue Vite 项目启动后,控制台报错:

[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.

[@vue/compiler-sfc] `defineEmits` is a compiler macro and no longer needs to be imported.

警告信息本身意思是:在 <script setup> 中直接使用defineProps\defineEmits,不需要再import。

  1. defineProps、defineEmits 是 Vue 3 的一个特性,用于为组件定义 props。在 Vue 3 中,defineProps、defineEmits 已经成为了编译器宏,不再需要显式地导入。
  2. 总之,defineProps、defineEmits  是 Vue 3 的一个特性,用于为组件定义 props。在 Vue 3 中,defineProps、defineEmits 已经成为了编译器宏,不再需要显式地导入。在使用 defineProps、defineEmits 定义 props、emits 时,它们会自动进行类型检查和默认值设置,使得组件定义更加简洁和易于维护。 

ps:

Vue 3.2 版本后不再需要手动导入 defineProps 和 defineEmits,直接使用即可,官方文档已经更新

eg: 

<script setup>
import { defineProps,defineEmits } from "vue";
.....
</script> 

修改:去掉 import 语句即可

<script setup>
    const props = defineProps({
      name: String
    })
 
    const emit = defineEmits(['del'])
    // setup code
</script>

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值