ESLint: Component name “Person“ should always be multi-word.(vue/multi-word-component-names)

问题描述：

ESLint: Component name "Person" should always be multi-word.(vue/multi-word-component-names)

出错原因：

eslint对命名的校验，要以多词组件名称命名，防止与现有和未来的 HTML 元素发生冲突。

说白了就是要用驼峰命名法。

除了根组件（App.vue）以外，其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名。

解决方法：

在.eslintrc.cjs文件里，添加如下代码，来关闭校验

// 关闭名称校验
'vue/multi-word-component-names': 'off'

结果展示：