请教一个vue绑定class的问题

Question

现在我有一个会员列表需要循环，列表包含一个isVip(是否会员)，和vipLevel(会员等级),循环的过程中，要判断是否会员，要增加一个vip的class，同时也要根据会员等级添加vip1或者vip2或者vip3相对应的会员等级边框

想得到效果
<li v-for="data in list" class="line">

<div class="vip vip1">会员名</div>

</li>

请问有什么实现方法比较好？

Answer 1

:class="data.className"

Answer 2

vue里面可以用v-bind:class或·:class·来绑定动态属性

Answer 3

v-bind:class="[{ vip: item.isVip },item.viple]"

Answer 4

<div v-bind:class="[data.isVip? vip:'', data.vipLevel===1? vip1:'']">会员名</div>