关于class使用总结

首先第一种

  <div :class={"sdt":kop}></div>

  然后以kop再data里面是true还是false为准来做判断是否显示sdt的样式

第二种：

   <div :class={"sdt":kop==index}></div>

  然后再data里面设置index的值  然后我们再通过click获取到kop的值 然后再js加护逻辑里面让this.index=kop 来实现样式切换

第三种：

   <div :class={"sdt" ?  "kl":"lo"}></div>

  使用三木运算符来进行切换类的显示还是隐藏   ，又或者是使用那个类，都可以通过这个来选择

第四种

 <div :class="'a'+index" v-for=（item，index）in ko ：key=index></div>

  这里的index是下标，或者是其他值 然后再循环遍历出每一个dom元素不同的类名

第五种

<div :class="['lop', 'sort']"></div>

<div :class=”[{sdt:kop},"kkl"]“></div>

  这是使用数组形式的类名，可以看下尝试下