MK体系课-Java架构师成长直通车(吾爱)

139 阅读1分钟

download:MK体系课-Java架构师成长直通车(吾爱)

Vue组件的Prop命名约定

在编程中,有两个极具应战性的任务:缓存失效和命名事物。今天,我们将深化讨论后者,探究为Vue组件命名props的艺术。

在给 props 命名时,遵照已有的变量命名惯例是十分重要的。例如,运用小驼峰命名法(isEnabled)并坚持称号简短(不超越30个字符)。

但是,Vue有本人的一套最佳理论,我们应该遵照。让我们依据我在运用Vue的经历谈谈一些技巧。

1.内容感知命名

重要的是最大限度天时用变量名传达信息,以减少混杂并使组件的阅读愈加容易。

关于数组,选择运用复数名词作为变量名,例如 items 。这个选择立刻标明该变量代表一组相关元素的汇合。

处置数字时,能够运用前缀如 num 或后缀如 countindex 来表示数值。例如, numItemsitemCountitemIndex 能够分明地标明变量的数值属性。

在处置对象时,请运用恰当的单数名词,例如 item

关于布尔值,请运用描绘性前缀如 iscanhas 来传达视觉或行为上的变化:

is 适用于表示视觉或行为状态,例如 isVisibleisEnabledisActive

can 表示行为变化或条件性的视觉变化。思索运用 canTogglecanExpand 这样的属性称号来明晰地表达组件的才能。

has 表示UI元素的存在。运用前缀如 hasCancelButtonhasHeader 来表示特定的UI元素能否存在或可见。