vue绑定多个class 三元运算符 多个条件限制

vue绑定多个class 三元运算符 多个条件限制

在v-for循环中，根据需求，前3条添加不一样的样式。
第一个第二个第三个分别是不同的样式

 <div
              v-for="(item, index) in msgList"
              :key="index"
              :class="[index==0?classA:'',index==1?classAa:'',index==2?classAb:'',index>2?classB:'']"
              :style="sideMsgStyle"
            >

条件比较多的情况下利用数组