vue/match-component-file-name
要求组件名称属性与其文件名匹配
- 💡 此规则报告的一些问题可以通过编辑器 建议 手动修复。
如果组件的 name 属性与其文件名不匹配，此规则将报告。
您可以定义一个文件扩展名数组，此规则应针对组件的名称进行验证。
📖 规则详细信息
此规则有一些选项。
json
{
"vue/match-component-file-name": ["error", {
"extensions": ["jsx"],
"shouldMatchCase": false
}]
}默认情况下，此规则只验证扩展名为 .jsx 的文件中的组件。
您可以使用 ".js"、".jsx"、".ts"、".tsx" 和 ".vue" 扩展名的任何组合。
您还可以强制组件名称与其文件名之间的大小写一致。
如果您在同一个文件中定义了多个组件，则此规则将被忽略。
🔧 选项
json
{
"vue/match-component-file-name": ["error", {
"extensions": ["jsx"],
"shouldMatchCase": false
}]
}"extensions": []... 要验证的文件扩展名数组。默认设置为["jsx"]。"shouldMatchCase": false... 布尔值，指示组件名称是否也应与其文件名的大小写匹配。默认设置为false。
{extensions: ["vue"]}
{extensions: ["js"]}
{shouldMatchCase: true}
📚 进一步阅读
🚀 版本
此规则是在 eslint-plugin-vue v5.2.0 中引入的