ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Vue3+ts获取props的值并且定义props值的类型的方法。

2026/9/11 2:49:43 拓冰建站 浏览量
Vue3+ts获取props的值并且定义props值的类型的方法。

1.引入withDefaults模块,给defineProps绑定默认值。

import {  withDefaults } from 'vue'

2.定义Props传输值的类型。

interface Props {// 类型type: string;name: string;id: number;
}

3.给props的值设置默认值。

const props = withDefaults(defineProps<Props>(), {type: "性别",name: "张三",id: 001,
})

以上vue+ts对于props传值的写法。