數(shù)據(jù)驅(qū)動(dòng)更新的時(shí)候，整個(gè)dom是重新渲染的，相當(dāng)于你js添加類名之后，vue又重新創(chuàng)建了一遍dom，把原來(lái)的覆蓋掉了。
class可以綁定多個(gè)值的啊，為社么要操作dom。、

<li 
 @click="addIcon(item)" 
 v-for="(item, index) in list" :key="index" 
 :class="[true ?'big': 'small', item.class]"> //用這種方式綁定，可以控制
  {{item.name}}
</li>

list: [
    { name: 1 },
    { name: 2 },
    { name: 3 },
    { name: 4 }
]
addIcon (item) {
  this.$set(item, 'class', 'red') // list中沒(méi)有class屬性，所以需要借助$set動(dòng)態(tài)添加才能響應(yīng)
}