vue 实现奇偶行背景交换

<div>
    <div :class="{odd:index%2==1,even:index%2==1}" v-for="(item, index) in list" :key="index">
        <div>
            {
  { item.num }}
        </div>
    </div>
</div>

<script>
export default {
    data() {
        return {
            list:[
                {num:1},
                {num:2},
                {num:3},
                {num:4},
                {num:5},
                {num:6},
            ]
        }
    }
}
</script>