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

### 作用

强制组件定义名称使用特定的大小写格式。

### 为什么这很糟糕？

如果组件名称没有统一的大小写格式，模板会更难阅读，
也更难通过 grep 搜索。选择 `PascalCase` 或
`kebab-case` 其中一种并在整个代码库中保持一致，可以消除一类
无谓争论和搜索遗漏。

### 示例

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

```vue
<script>
export default {
  name: "foo-bar",
};
</script>
```

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

```vue
<script>
export default {
  name: "FooBar",
};
</script>
```

## 配置

此规则接受以下字符串值之一：

type: `"PascalCase" | "kebab-case"`

## 使用方法

## 版本

此规则在 v1.68.0 中加入。

## 参考资料