download:MK体系课-Java架构师成长直通车(吾爱)
Vue组件的Prop命名约定
在编程中,有两个极具应战性的任务:缓存失效和命名事物。今天,我们将深化讨论后者,探究为Vue组件命名props的艺术。
在给 props 命名时,遵照已有的变量命名惯例是十分重要的。例如,运用小驼峰命名法(isEnabled)并坚持称号简短(不超越30个字符)。
但是,Vue有本人的一套最佳理论,我们应该遵照。让我们依据我在运用Vue的经历谈谈一些技巧。
1.内容感知命名
重要的是最大限度天时用变量名传达信息,以减少混杂并使组件的阅读愈加容易。
关于数组,选择运用复数名词作为变量名,例如 items 。这个选择立刻标明该变量代表一组相关元素的汇合。
处置数字时,能够运用前缀如 num 或后缀如 count 和 index 来表示数值。例如, numItems , itemCount 和 itemIndex 能够分明地标明变量的数值属性。
在处置对象时,请运用恰当的单数名词,例如 item 。
关于布尔值,请运用描绘性前缀如 is 、 can 和 has 来传达视觉或行为上的变化:
is 适用于表示视觉或行为状态,例如 isVisible , isEnabled 或 isActive 。
can 表示行为变化或条件性的视觉变化。思索运用 canToggle 或 canExpand 这样的属性称号来明晰地表达组件的才能。
has 表示UI元素的存在。运用前缀如 hasCancelButton 或 hasHeader 来表示特定的UI元素能否存在或可见。