Vue中用v-for渲染的数据怎样添加不同的样式？

Question

比方说:
<tr v-for="item in Data">

<td class="red">{{item.td}}</td>

</tr>

Data = [td:12,td:14]
如果我想为 td > 13 的单独添加一个红色样式要怎么写呢？

Answer 1

<tr v-for="item in Data">
  <td :class="{ red: item.td>13 }">{{item.td}}</td>
</tr>

Answer 2

v-bind:class{'red':item.td>13}