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)。