Vue ESLint规范要求组件名称避免使用单个单词，除非是根组件或内置组件。这一规定旨在防止与未来可能出现的HTML元素冲突，并提高代码可读性，通过multi-word命名能直观识别自定义组件。遵循这一规范，虽然增加了命名复杂性，但有助于团队协作和代码一致性。
很好奇在ESlint规范中为啥要求component的name不能是单个单词（除了App外）呢？
查阅官方文档得知：
This rule require component names to be always multi-word, except for root App components, and built-in components provided by Vue, such as or . This prevents conflicts with existing and future HTML elements, since all HTML elements are a single word.
简单来说，就是为了防止与之后的html标签冲突，因为html标签都是单个单词的。所有推荐采用multi-word，确实如此。
而且还有一个好处是：在html中调用的形式为<home-page />，如果统一采用此规则，可以一眼看出那些标签是自己定义的组件，缺点自然就是命名得琢磨一番了
512
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
