---
url: /docs/guide/usage/linter/rules/vue/require-default-prop.md
---

### 它的作用

要求未标记为 `required` 的 props 设置默认值。

### 为什么这很糟糕？

既不是必需也没有默认值的 prop，在省略时会隐式变为 `undefined`。强制设置默认值可以让组件行为保持明确，并避免 `undefined` 泄漏到模板和逻辑中。`Boolean` props 是例外，因为它们默认已经是 `false`。

### 示例

以下是此规则的**错误**代码示例：

```vue
<script>
export default {
  props: {
    name: String,
  },
};
</script>
```

以下是此规则的**正确**代码示例：

```vue
<script>
export default {
  props: {
    name: {
      type: String,
      default: "",
    },
  },
};
</script>
```

## 如何使用

## 版本

此规则在 v1.70.0 中添加。

## 参考资料