[vue] 说说组件的命名规范

风格指南

大写开头

举手🙋‍

官方样式指南里是这样写的：
“组件命名应当是多个单词的，但根目录下的App组件或Vue提供的如<transition>, <component>内置组件除外”
这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单词的。

附：Style Guide — Vue.js

定义组件名有两种方式：
1.kebab-case（短横线分隔命名），引用时必须也采用kebab-case；
2.PascalCase（首字母大写命名），引用时既可以采用PascalCase也可以使用kebab-case；
但在DOM中使用只有kebab-case是有效的

组件名：大驼峰
调用组件时：小驼峰且-分隔
如：命名：MyComponent，调用：my-component