Vue项目中js命名规则
| 类型 | 规范 | 示例 |
|---|---|---|
| 常量 | 全字符大写，单词用下划线_分隔 | FETCH_USERS、GET_USERS |
| 变量、函数 | 小写开头驼峰式 | camelCase |
| 类、特殊意义的命名空间 | 大写开头驼峰式 | CamelCase |
| 方法、函数 | a、动词或动词+名称组合 b、get 必须要有返回值 | |
| 布尔值变量 | is 或 has 前缀 | |
| 私有属性或方法 | 用 '' 或 '_' 前缀 | |
| 事件处理函数 | handle前缀 或 Handler 后缀 |
Vue项目中js文件命名规则
属于类的.js文件，除index.js外，使用PascalBase风格
其他类型的.js文件，使用kebab-case风格
属于Api的，统一加上Api后缀
Vue项目中文件夹命名规则
camelCase VS kebab-case
展开node_modules中的项目依赖，会发现，几乎所有的项目文件夹命名都是 kebab-case命名的，使用kebab-case命名的文件夹比camelCase命名的文件夹看起来更清晰
属于components文件夹下的子文件夹，使用大写字母开头的PascalBase风格
其他文件夹统一使用kebab-case的风格
Vue项目中组件命名规范
kebab-case VS PascalCase
单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。
网友评论