Vue的Class binding提供了加強(qiáng)CSS的方法，可以讓我們動(dòng)態(tài)改變組件的CSS class。此外，Vue特別提供了一個(gè)class綁定的一些高級(jí)語(yǔ)法，來(lái)簡(jiǎn)化與Class binding的交互，其中一個(gè)就是classList。

我們可以通過(guò)classList來(lái)動(dòng)態(tài)地添加、移除和切換CSS類。

// 切換Class
// 添加Class
// 移除Class

在上述代碼中，我們可以看到在綁定的class名前加上了一個(gè)“{ }”括號(hào)，這可以讓我們傳入一個(gè)對(duì)象，其中我們定義的屬性將作為CSS類名，而屬性的值將作為一個(gè)布爾值。這樣，當(dāng)屬性的值為真時(shí)，CSS類名將被加入，否則該類名將被移除。