vue3 setup 语法糖

最新推荐文章于 2024-02-20 10:59:23 发布

音乐宇

最新推荐文章于 2024-02-20 10:59:23 发布

阅读量114

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/yinyueyu007/article/details/131952765

版权

Vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Vue3中，withDefaults用于给defineProps定义的默认属性值，需与类型检查配合使用。defineProps是声明组件接收的props，类似Vue2的props选项，示例中展示了如何设置默认值。defineEmits则等同于Vue2的emits，用于定义组件可以触发的事件。

摘要由CSDN通过智能技术生成

vue3 setup 语法糖：withDefaults、defineProps、defineEmits
withDefaults：
● withDefaults 只能与基于类型的defineProps声明一起使用；

defineProps：
相当于 vue2的 props 
1. const props = withDefaults(defineProps<Props>(), {
2.    msg: 'hello',
3.    labels: () => ['one', 'two'],
4.    obj: () => { return {a:2} }
5. })

defineEmits：
相当于 vue2 的 emits