---
url: /docs/guide/usage/linter/rules/vue/prop-name-casing.md
---

### 它的作用

强制 Vue 组件的 prop 名称使用特定的命名方式（camelCase 或 snake\_case）。

### 这为什么不好？

不一致的 prop 命名会让模板更难阅读，也更难通过 grep 搜索。将整个代码库中的 props 固定为一种命名方式，可以让声明处和调用处保持一致。

### 示例

以下是此规则的**错误**代码示例（默认 `camelCase`）：

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

以下是此规则的**正确**代码示例（默认 `camelCase`）：

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

## 配置

### 第 1 个选项

type: `"camelCase" | "snake_case"`

### 第 2 个选项

此选项是一个包含以下属性的对象：

#### ignoreProps

type: `string[]`

要忽略的 Prop 名称，以正则表达式模式表示。

## 使用方法

## 版本

此规则已在 v1.69.0 中添加。

## 参考