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"></svg>

这将导致渲染失败，因为 SVG 标签只认 viewBox，却不知道 viewbox 是什么。
但在使用字符串模板或通过 vue-loader/vueify 编译时，就不需要使用 .camel,所以基本上用不到吧~
参考