vue3 defineProps 默认值
时间: 2024-07-07 20:01:23 浏览: 181
vue3 devtools 版本6.5.0
5星 · 资源好评率100%
Vue 3 中的 `defineProps` 是用于创建组件属性(props)的选项,它允许你在组件外部设置默认值。当你定义 props 时,可以指定一个对象,其中包含属性名和它们的默认值。例如:
```js
import { defineProps } from 'vue';
export default {
// 定义组件的 props
props: {
name: {
type: String, // 类型,这里是字符串
default: 'John Doe', // 默认值,如果组件没有传递该属性,则使用这个值
required: false, // 可选,是否为必传属性,默认 false
},
age: {
type: Number,
default: 30,
},
// 更多属性...
},
};
```
在这个例子中,`name` 和 `age` 是两个 props,`name` 的默认值是 'John Doe',而 `age` 的默认值是 30。如果在使用组件时没有显式地提供这些属性,它们将使用默认值。
相关问题:
1. 在 Vue 3 中,`defineProps` 用于做什么?
2. 如何在 `defineProps` 中设置默认值?
3. 如何标记一个 prop 为可选的并且具有默认值?
阅读全文