vue3之小技巧

一、动态样式

1、三元表达式

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

2、数组

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