eslint报错 error Component name "xxx" should always be multi-word vue/multi-word-component-names

问题原因:

其实是组件命名出现问题，没有按照eslint语法检查默认的驼峰命名法或者使用-横线连接单词，所以编译时出现报错

解决方案:

1.按照规范命名组件

2.禁用eslint语法检查

在项目根目录新建vue.config.js文件，进行以下配置

module.exports = {
  lintOnSave: false, // 当保存时不进行eslint的检查
};

3.单独禁用组件名检查

在项目根目录的.eslintrc.js, eslint配置文件的rules属性中，加上以下代码，单独禁用组件名的检查

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