首頁猿問 Vue v-bind...

Vue v-bind .camel 修飾符寫不寫有任何區(qū)別嗎？萬分感謝

JavaScript

慕碼人8056858 2019-09-25 16:07:04

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

查看完整描述

2 回答

汪汪一只貓

TA貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個贊

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

反對回復(fù) 2019-09-25

慕碼人2483693

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

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

反對回復(fù) 2019-09-25