关于components和pages下各个组件的命名问题？
来源：4-5 目录结构设置
庄海鑫
2020-03-17
老师好，我在vue风格指南上看了关于组件的命名规范。
- 这里面
NavFooter.vue,我参考了vue风格指南，这个组件我理解的是他是一个单例组件,因为不接受任何prop，所以TheNavFooter.vue这样命名是不是更好。 - 而
detail.vue,home.vue这些是不是我们通常说的页面，也是属于单文件组件。那么命名是不是要按照大驼峰 (PascalCase)或者横线连接 (kebab-case)的格式Detail.vue…， - 至于
index.vue，我感觉改成Index.vue看中怪别扭的，不知道要不要保留成原来的命名
所以我是这样写的
另外在home.vue中
NavHeader没有传入任何属性属于自闭和组件，所以这样写是不是更好？
写回答
2回答
-
您提的这个问题特别好，属于前端Vue开发风格规范里面的内容：
组件确实需要大坨峰格式，只是对于无props类型的，我们没有加The前缀，实际上这些跟个人习惯有关系，很多人其实不在意有无props，喜欢一刀切，只要是组件就大坨峰，这样更容易理解和接受。
页面本身也属于组件，但是为了和components有所区分，我们还是习惯把页面以小写风格展示；不过大坨峰看起来也很舒服；
对于没有内容的标签，应该跟html规范一样，做自闭合，这个确实需要，毕竟可以节省空间。
综上：希望大家学习的时候，能够参照这位同学提出的VueStyle风格指南，了解一下Vue的命名规范，整体来说有益无害；非常感谢提问者的用心。
212020-03-18 -
cyper
2020-07-17
视频中的orderList.vue是指南中明确指出来的反例。 单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。 按照风格指南， 只有 `OrderList.vue` 和 order-list.vue 是正确的文件命令方式。^_^
012020-07-17
相似问题