专栏名称: 奇舞精选
《奇舞精选》是由奇舞团维护的前端技术公众号。除周五外,每天向大家推荐一篇前端相关技术文章,每周五向大家推送汇总周刊内容。
今天看啥  ›  专栏  ›  奇舞精选

浅读Vue3代码10万行,总结出30个代码规范

奇舞精选  · 公众号  ·  · 2024-10-11 18:00

文章预览

不管是Vue.js源码,还是UI组件库Element-plus,只要有多人协同开发,代码规范上多多少少都会有一些"百花齐放"。即使像Vue.js源码,不同开发者在function、enum、variable命名上也会附带个人风格。 Vue.js部分枚举定义, 三个大牛,三种不同的风格。 // Type结尾 enum TargetType { INVALID = 0, COMMON = 1, COLLECTION = 2, } // Types结尾 enum OptionTypes { PROPS = 'Props', DATA = 'Data', COMPUTED = 'Computed', METHODS = 'Methods', INJECT = 'Inject', } // 枚举项使用pascalCase enum BooleanFlags { shouldCast, shouldCastTrue, } 通过对Vue、Element-plus源码浅读分析,罗列出30个代码规范建议,前半部分和Vue相关,后半部分和Javascript相关。如果表述有误,欢迎指正。需要说明的是: 代码规范没有标准答案,只有适合、不适合。其目的是让项目代码保持风格统一, 提升易读性, 降低上手成本。 代码规范往期介绍: ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览