查看“Vue Props 声明”的源代码


一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute 。

在使用 &lt;script setup&gt; 的单文件组件中，props 可以使用 defineProps() 宏来声明：

```vue
&lt;script setup&gt;
const props = defineProps(['foo'])

console.log(props.foo)
&lt;/script&gt;</pre>
除了使用字符串数组来声明 prop 外，还可以使用对象的形式：

<syntaxhighlight lang="js">// 使用 <script setup>
defineProps({
  title: String,
  likes: Number
})</syntaxhighlight>
对于以对象形式声明中的每个属性，key 是 prop 的名称，而值则是该 prop 预期类型的构造函数。比如，如果要求一个 prop 的值是 number 类型，则可使用 Number 构造函数作为其声明的值。