Component name "login" should always be multi-word vue/multi-word-component-names如何解决

在Vue中，单词组件名称的命名约定是将多个单词组合成一个单词，使用驼峰命名法。但是，如果您想使用多个单词来命名组件，可以使用短横线连接它们，如"login-form"。

为了解决这个错误，您可以将组件名称从"login"改为"login-form"，这样就符合了Vue的命名约定。如果您不想改变组件名称，也可以通过在ESLint配置文件中添加以下规则来禁用此错误：

// .eslintrc.js
module.exports = {
  // ...
  rules: {
    'vue/multi-word-component-names': 'off'
  }
}

这将禁用"vue/multi-word-component-names"规则，使您可以使用单词组件名称。但是，要注意，这可能会导致您的代码与Vue的命名约定不一致。

相关问题

[eslint] D:\demo\src\main.js 11:15 error Component name "cart" should always be multi-word vue/multi-word-component-names 12:15 error Component name "home" should always be multi-word vue/multi-word-component-names 13:15 error Component name "login" should always be multi-word vue/multi-word-component-names 14:15 error Component name "order" should always be multi-word vue/multi-word-component-names 15:15 error Component name "product" should always be multi-word vue/multi-word-component-names ✖ 5 problems (5 errors, 0 warnings)

这是一个 ESLint 的错误，提示你在组件命名时应该使用多个单词。这是因为单词组件名可能会与 HTML 标签或其他开发人员创建的组件名冲突。为了避免这种情况，Vue.js 社区通常建议使用多个单词的命名方式。

你可以根据 ESLint 的建议，将组件名更改为多个单词，如 "CartView"、"HomeContainer"、"LoginPanel"、"OrderList"、"ProductDetails" 等等。

如果你不想更改组件名，也可以在 ESLint 配置文件中禁用这个规则，或者将其视为警告而不是错误。

Component name "Login" should always be multi-word vue/multi-word-component-names

根据引用[1]和[2]的信息，你遇到的问题是在使用vue-cli创建项目并建立组件时，出现了一个eslint报错，报错信息是"Component name 'index' should always be multi-word"。这个报错是由于eslint的命名规则导致的，它要求组件名应该是多个单词组成的。

根据引用[3]的信息，有几种解决方案可以解决这个问题。其中方案一是关闭命名规则，不再校验组件名。方案二是修改组件名，将"index"改为多个单词组成的名字。方案三是推荐的解决方案，它建议根据组件名进行忽略，可以通过在eslint配置文件中添加忽略规则来实现。方案四也是推荐的解决方案，它是方案三的另一种实现方式。

综上所述，你可以选择方案三或方案四来解决这个问题。具体的实施方法可以参考引用[3]中提供的代码示例。