Vue的樣式綁定的幾種方法

在b站上跟著黑馬的教程學的,自己整理了一下,謝謝黑馬

歡迎大家來評論討論



Vue樣式綁定分為class樣式綁定和style樣式綁定

一、class樣式綁定

class樣式綁定有兩種方式:對象語法和數組語法

(1)、對象語法

如圖:



(2)、數組語法

如圖:



(3)、Class樣式處理中的一些細節(jié)

①、對象綁定和數組綁定能結合使用

如圖:



②、對象方法和數組方法都能簡化操作

如圖:


③、元素上本來的class類名會被保留

如圖:




二、Style樣式綁定

Style樣式綁定的是行內式

如圖:


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容