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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。