新手上路,Vue v-bind .camel 修饰符写不写有任何区别吗？跪求！

Question

官网上说：
.camel-(2.1.0+)将kebab-case特性名转换为camelCase.(从2.1.0开始支持)
但实际上默认行为就会这样做。

Answer 1

擦屁股。只有props和.prop会默认将kebab-case转化为camelCase，剩下的作为attribute的不会。而.camel修饰符正是针对attribute的。

Answer 2

由于HTML特性是不区分大小写的,.camel修饰符允许在使用DOM模板时将v-bind属性名称驼峰化，例如SVG的viewBox属性：实际会被渲染为这将导致渲染失败，因为SVG标签只认viewBox，却不知道viewbox是什么。但在使用字符串模板或通过vue-loader/vueify编译时，就不需要使用.camel,所以基本上用不到吧~参考