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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。