首頁(yè) 猿問(wèn) 急求?。。?！Vue v-bind...

急求?。。?！Vue v-bind .camel 修飾符寫不寫有任何區(qū)別嗎？大佬們有什么好的建議？

JavaScript

蝴蝶不菲 2019-10-08 11:58:11

官網(wǎng)上說(shuō)：.camel-(2.1.0+)將kebab-case特性名轉(zhuǎn)換為camelCase.(從2.1.0開始支持)但實(shí)際上默認(rèn)行為就會(huì)這樣做。

查看完整描述

2 回答

Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊

擦屁股。只有props和.prop會(huì)默認(rèn)將kebab-case轉(zhuǎn)化為camelCase，剩下的作為attribute的不會(huì)。而.camel修飾符正是針對(duì)attribute的。

反對(duì) 回復(fù) 2019-10-08

POPMUISE

TA貢獻(xiàn)1765條經(jīng)驗(yàn) 獲得超5個(gè)贊

由于HTML特性是不區(qū)分大小寫的,.camel修飾符允許在使用DOM模板時(shí)將v-bind屬性名稱駝峰化，例如SVG的viewBox屬性：實(shí)際會(huì)被渲染為這將導(dǎo)致渲染失敗，因?yàn)镾VG標(biāo)簽只認(rèn)viewBox，卻不知道viewbox是什么。但在使用字符串模板或通過(guò)vue-loader/vueify編譯時(shí)，就不需要使用.camel,所以基本上用不到吧~參考

反對(duì) 回復(fù) 2019-10-08