記錄小功能

vue動態給元素繫結class 類名時，幾種方式；

data 裡面的資料：

data() {
    return {
      red: "stylered",
      flag: true,
      styles: "styles",
      flag2: false,
      flag3: true,
      hh: "hh",
    };

1、陣列+ 邏輯與運算子：

<div :class="[ flag && red , flag2 && styles , flag3 && hh]">11</div>

2、陣列+三元表示式：

<div :class="[ flag ? 'hh' : '' ]">11</div>

3、物件語法：

<div :class="{ 'hh' : flag }">11</div>

4、陣列物件語法：

  <div :class="[{'hh':flag},red]">11</div>