Vue.js(2.x)之Class 与 Style 绑定
1、前面看數(shù)據(jù)綁定時(shí)還很困惑v-bind處理class時(shí)可以使用json格式的值,為什么換成id、href等其他屬性就不行。看了下文檔解釋后明白了些:
?
2.對(duì)象語(yǔ)法主要有以下三種形式:
1)直接在v-bind指令后使用鍵值對(duì)形式:鍵是否顯示為class取決于值是否為真,須留意鍵是否要加引號(hào)(如果鍵有特殊符號(hào))。
??
?
2)直接綁定數(shù)據(jù)里的一個(gè)對(duì)象,并設(shè)定其為v-bind指令后的值。
3)綁定對(duì)象的計(jì)算屬性并設(shè)定其為v-bind指令后面的值。
?
3.數(shù)組語(yǔ)法:下圖中只有少數(shù)幾個(gè)class,當(dāng)然一般元素的class也盡量3個(gè)以內(nèi),不排除偶爾有多個(gè)的情況,這時(shí)可以對(duì)象與數(shù)組結(jié)合,即數(shù)組里的某個(gè)值可以為對(duì)象。
組件還不熟,暫且不表。
?
4.“其實(shí)它是一個(gè)JavaScript對(duì)象”到底是啥,偶這種半吊子好奇心被吊了起來(lái),查半天沒(méi)找到個(gè)所以然。
如果style屬性中帶有中劃線-,例如:font-size、background-color、background-img等時(shí),必須用駝峰寫(xiě)法或者是引號(hào)引起來(lái),否則在渲染時(shí)可能不識(shí)別就會(huì)出錯(cuò)!
?
“自動(dòng)添加前綴”與“多重值”這兩個(gè)體會(huì)不深,也沒(méi)有很好的實(shí)例運(yùn)用。希望后面有所體會(huì)時(shí)再加以闡述。
?
轉(zhuǎn)載于:https://www.cnblogs.com/anns/p/7395941.html
總結(jié)
以上是生活随笔為你收集整理的Vue.js(2.x)之Class 与 Style 绑定的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: fragment 调用activity方
- 下一篇: html5倒计时秒杀怎么做,vue 设