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