【Vue3】使用TS来声明 props 的类型

小安驾到

已于 2024-11-15 11:34:09 修改

阅读量1.2k

点赞数 2

文章标签： vue.js 前端 typescript

于 2024-07-04 14:17:09 首次发布

本文链接：https://blog.youkuaiyun.com/Andye11/article/details/140178295

版权

一、仅声明类型：

const props = defineProps<{
  sourceList: KnLib.LibSource[]
}>()

二、使用箭头函数声明：

const $props = defineProps({
  sourceList: {
    type: Array as () => KnLib.LibSource[],
    required: true,
    default: () => [{ name: '文件1' }, { name: '文件2' }]
  }
})

三、使用withDefaults来指定默认值：

type Props = {
  selectedNodeId: string
  selectedEdgeId: string
  graph: any
}

const $props = withDefaults(defineProps<Props>(), {
  selectedNodeId: '',
  selectedEdgeId: '',
  graph: {}
})