vue eslint 报错 error “Component name “home“ should always be multi-word”

在项目中新建home.vue文件后，在home中添加内容时，eslint会提示下方报错

原因：

该报错是由于命名不符合eslint的命名规范，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名。

解决方案：

1、可通过重新命名的方式，按照大驼峰命名方式，或用‘-’连接单词，进行命名

2、修改.eslintrc.js，关闭命名规则校验

修改完成后，重启vscode即可