【css】:class，:style数组写法和对象写法

 <div :class="['list-item-no', +item.no <= 3 ? 'top-no' : '']">{{item.no}}</div>

data（）{
    return:{
        list-item-no:"list-item-no"
    }
    
}

<style>
    .list-item-no{
        border:1px solid red
    }
</style>

:class="{'elindex':index<2}"

:class="{ active: active === index + 1 }"

:class="{ 'animate-up': animateUp,'animate-class': item.odd== 'oushu'}"

<img :style="{opacity:(items.contentType === 'video'?'0.5':'1')}"

 <div :style="getCrctoken && partyMemberInfo.orgName?{top:'28.4%'}:{top:'4.8%'}" 
      class="propogate-img" 
      style="left: 16%;width: 210px;height: 383px;"></div>