比如:lastName winterOfDiscontent 三、kebabCase(短横拼音法) kebab-case(短横拼写法), 比如:base-checkbox my-component
在vue官网上有这样的一句话: “camelCase vs. kebab-case HTML 属性是不区分大小写的。所以,当使用的不是字符串模版,camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名: 如果你使用字符串模版,则没有这些限制。” ##重点在这里: 1、html特性不区分大小写: <!DOCTYPE ...
在vue组件中camelCased (驼峰式) 命名与 kebab-case(短横线)命名有时是可以通用的。 1,props中的命名 在vue官网上有这样的一句话: Prop 的大小写 (camelCase vs kebab-case) HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰...
简介:56Vue - Props(camelCase vs. kebab-case) HTML 特性不区分大小写。当使用非字符串模版时,prop的名字形式会从 camelCase 转为 kebab-case(短横线隔开): JS代码: Vue.component('child', {// camelCase in JavaScriptprops: ['myMessage'],template: '{{ myMessage }}'}) HTML代码: <!-- kebab-...
56Vue - Props(camelCase vs. kebab-case),特性不区分大小写。当使用非字符串模版时,prop的名字形式会从camelCase转为kebab-case(短横线隔开):JS代码:Vue.component('child',{//camelCaseinJavaScriptprops:['myMessage'],template:'{{myMessage}}</sp...
Vue官方文档中的camelCased (驼峰式) 命名与 kebab-case,因为html特性中元素的prop是不区分大小写的所以不管html中怎么大写小写变化,下面的组件的prop应该写成小写Vue中有这样一种设定:props中如果使用为kebab-case命名方式组件可以使用camelCase命名时(当然也可以使用它
编写方式名称描述UPPERCASE———每个单词全大写。lowercase———每个单词全小写。PascalCase帕斯卡命名方式,又称大驼峰命名方式(UpperCamelCase)每个单词首字母大写。camelCase驼峰命名方式,又称小驼峰命名方式(lowerCamelCase)第一个单词首字母…
When and when not to use kebab case A problem with kebab case is that the dash can be mistakenly read as a minus sign, which can be confusing to developers who must maintainanother developer's code. Similarly, a program may actually interpret the dash as a minus sign and attempt a subtr...
1.驼峰命名=>中横线命名 functionkebabCase(str){consthyphenateRE=/([^-])([A-Z])/g;returnstr.replace(hyphenateRE,'$1-$2').replace(hyphenateRE,'$1-$2').toLowerCase();}kebabCase("aBXC")//"a-b-x-c" 2.驼峰命名<=中横线命名 ...
假设我有一个将 kebab-case 转换为 camelCase 的函数: {代码...} 我快到了,但我的代码也输出大写的第一个字母: {代码...} 原文由 Robert Hovhannisyan 发布,翻译遵循 CC BY-SA 4.0 许可协议