使用classList返回所选元素的类名，是一个数组，一个类名占一个长度(a.classList.length)

<li v-for="(item, index) in list" :key="index" @click="getCurrentItem($event,item)">
    <span>{{item.name}}</span>
    <i class="icon" :class="item.icon"></i>
    <i class="icon iconqiyong"></i>
</li>

//节点操作
getCurrentItem(e,val){
   if(e.currentTarget.classList.contains('tags')){
       e.currentTarget.classList.remove('tags') 
    }else{
       e.currentTarget.classList.add('tags')
    } 
}

var a = document.getElementBy(“DIV”);

1.使用classList返回所选元素的类名，是一个数组，一个类名占一个长度(a.classList.length)。

2.a.classList.add(“classname1”) ; 添加一个类名

3.a.classList.remove(“classname2”) ; 去掉一个类名

4.a.classLis.toggle(“classname3”); 引号中的类名，有就删除，没有就添加。比较智能的结合了1,2点，用于切换十分方便

5.a.contains(“classname4”); 判断一个类型是不是存在，返回true和false

classList兼容性：除了IE，其他浏览器兼容性都可以。