VUE项目规范

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

你可能感兴趣的:(VUE项目规范)