一：class繫結
準備好class
一：三目運算的方式
把class動態繫結，定義乙個變數isactive為true，為true時繫結class=red，定義點選事件handlclick，當點選時，isactive取反，即為false，繫結class=yellow
二：物件的形式
上面是對只有兩個class選項切換的情況，當有多個class切換的時候，可以使用物件的形式
如果要改變class，則只需要對classobj物件做操作就行了
但是此時如果增加class，則不會成功
原因是後面加入的屬性並沒有被get、set攔截
三：陣列的方式
接下來只需要對陣列做操作就可以改變class了
刪除增加
點選動態繫結class二、繫結style動態繫結class的陣列寫法
1.三目運算子的形式
二：物件寫法
修改如果是帶-的屬性，則改為駝峰命名法：
此寫法與上面繫結class的方法一樣，有個缺點，新增的時候不會被get、set攔截
三：陣列的寫法
需以物件的形式新增style
動態繫結style的物件寫法
vue之class 與 style 繫結
使用 v bind 指令來設定元素的 class 屬性或者sytle屬性，它們的屬性值可以是表示式，vue.js在這一塊做了增強，表示式結果除了是字串之外，還可以是物件或者陣列。用法一 可以用乙個布林值控制類名載入控制類名的載入與否 basic box divbox style class box ...
Vue基礎語法（四）
vue的生命週期鉤子函式 所有的生命週期鉤子自動繫結this到上下文例項中，因此可以訪問資料對property和方法進行運算，這意味著不蹦使用箭頭函式來定義乙個生命週期方法。參考官方文件 生命週期圖 生命週期鉤子一共有十乙個，這裡只寫八個 template div div template scri...
Vue基礎 class的幾種繫結方式
class class 或者 class 第一種 用逗號隔開 class 第二種 放在data裡面 也可以把後面繫結的物件寫在乙個變數放在data裡面，可以變成下面這樣 class classobject data 第三種 使用computed class classobject data comp...