【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue解决方案

原因：

新手在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。而最新的vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-word-component-names规则，所以在编译的时候判定此次错误。

解决方案：

关闭命名规则校验

在根目录下找到  .eslintrc.js 文件，同样如果没有则新建一个（注意文件前有个点），代码如下

添加一行:

"vue/multi-word-component-names":"off",

我自己创建了一个.eslintrc.js文件 进行的配置

rules: {
      "vue/max-attributes-per-line": [2, {
        "singleline": 10,
        "multiline": {
          "max": 1,
          "allowFirstLine": false
        }
      }],
      "vue/multi-word-component-names":"off"
   }

找到这篇文章学到的~~~ 链接：www.jianshu.com/p/cc28244db…