defineProps在vue3 + ts中的使用

最新推荐文章于 2024-05-19 22:53:26 发布

每天都要喝奶茶

最新推荐文章于 2024-05-19 22:53:26 发布

阅读量706

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_61848095/article/details/130170914

版权

在以前的vue3 + js中的写法为：

<script lang=ts setup>
const props = defineProps({
    title:{
        type:String,
        defalut:'默认标题' //默认值
        required:true // 是否必传
     }
})

vue3 + ts 写法使用withDefaults设置默认值

<script lang=ts setup>
const props = withDefaults(defineProps<{
    title?: string,
    count?: number,
    id?: number
}>(), {
    title: '默认标题',
    count: 0,
    id: 8
})