因为html特性中 元素的 prop是不区分大小写的 所以不管html中怎么大写小写变化,下面的组件的prop应该写成小写 Vue中有这样一种设定: props中如果使用为kebab-case命名方式 组件可以使用camelCase命名时(当然也可以使用它本来对应 ...
在vue官网上有这样的一句话: camelCase vs. kebab caseHTML 属性是不区分大小写的。所以,当使用的不是字符串模版,camelCased 驼峰式 命名的 prop 需要转换为相对应的 kebab case 短横线隔开式 命名: 如果你使用字符串模版,则没有这些限制。 重点在这里: html特性不区分大小写: 组件中使用camelCased 驼峰式 命名,在html中应改 ...
2021-10-25 15:31 0 1032 推荐指数:
因为html特性中 元素的 prop是不区分大小写的 所以不管html中怎么大写小写变化,下面的组件的prop应该写成小写 Vue中有这样一种设定: props中如果使用为kebab-case命名方式 组件可以使用camelCase命名时(当然也可以使用它本来对应 ...
vue官方解释,props使用驼峰命名的话,在html中使用时也需要转化成短横线命名,否则报错。个人比较喜欢上下文统一,直接在props命名时就把它命名成短横线隔开式吧。 ...
, 那么在使用时需要转换成短横线分隔命名 2.传递数据时使用驼峰名称 如果父组件 ...
参考链接:https://www.jianshu.com/p/f12872fc7bfb ...
驼峰命名:getElementById 短横线命名:get-element-by-id 1、将骆驼命名规则的字符串转换成使用短横线命名法的字符串, 并且全小写 .例如:'getElementById'=>'get-element-by-id' 正则表达式: 采用数组 ...
定义组件名的方式有两种: 1.使用 kebab-case 当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如 <my-component-name>。 2.使用 PascalCase ...
转自:https://blog.csdn.net/weixin_44198965/article/details/99607987 前言 最近使用 vue 组件时,名称使用了驼峰命名之后,组件写在 html 代码段中却抛出错误。 HTML: <div id="app"> < ...