参考博客

简练总结

• 项目名 小写中划线
• 文件夹 小驼峰
• 文件 小写下划线
• class/id 小写中划线
• 变量函数 小驼峰
• 常量 大写
• Vue组件 大驼峰

命名规范
1. 文件名用下划线连接；
2. 类、id 用中划线；
3. 项目名用中划线；
4. 文件夹用小驼峰，组件用大驼峰。

• 
  图片命名：
  
  全部
  
  以小写字母命名，多个单词以下划线连接
  
  。
  
  常见组成：
  
  
图片业务（可选） + 图片功能类别（必选）+ 图片模块名称（可选） + 图片精度（可选）


• 
  视频音频
  
  等多媒体资源也可以采用类似的思路

• 
  class/id命名
  
  : 全部字母为小写，单词之间统一使用中划线 “-” 连接
  
  原则 父级class + 本级class ；
  
  超过四级时，可对祖先缩写成一个单词

• 
  JS 命名
  

1. 变量与函数 采用
   
   小驼峰
   
   的命名方式；采用
   
   字母打头
   
   ，不使用
   
_

   和
   
$

   与系统和第三方库的变量进行区分
2. 全局变量可考虑全大写
3. 常量使用全大写命名

有意义的命名

文件名使用小写的原因：避免有些服务器大小写敏感有些不敏感而造成的差异

Vue 倡导的规范

文件名采用中划线


vue 风格指南

必要的

1. 组件名使用多个单词
   
   理由：避免与现有以及未来的 HTML 元素产生冲突
2. Prop 定义尽量详细，类型、默认值、必要时设置验证器
   
   理由：代码可读性，格式校验
3. 为 v-for 设置 key 值
   
   理由：管理子树状态，
   
   对象固化
   
   
   
   在极少数对性能有严格要求的情况下，为了避免对象固化，你可以刻意做一些非常规的处理。
   
4. 避免 v-if 和 v-for 一起使用
   
   理由：vue2 v-for 的优先级更高，vue3 反之。避免歧义可采用其他方式替代。

1. 需要筛选待迭代对象，可以通过计算属性处理。（不适用v-if）
2. 使用 父级或 template 承载其中一个命令

5. 为组件样式设置作用域
   
   不一定使用 scoped，BEM class管理
6. 私有 property
   
   做不到私有，名称应当注意
   
$_yourPluginName_

   前缀