请教一个关于 Vue.js 条件渲染与属性的问题

现在有如下数据：

items: [
    {is_view: true}
    {is_view: false}
]

以及如下代码：

<div class="list">
    <div v-for="item in items">
        <div v-if="item['is_view']" class="list-item">
            <!--其他复杂的逻辑判断-->
        </div>
    </div>
</div>

我需要在 is_view 为 true 的情况下让 class 变为 .list-item .read ，所以用 v-else 。

<div class="list">
    <div v-for="item in items">
        <div v-if="item['is_view']" class="list-item read">
            <!--其他复杂的逻辑判断-->
        </div>
        <div v-else class="list-item">
            <!--其他复杂的逻辑判断-->
        </div>
    </div>
</div>

这会导致里面的逻辑重复出现两次， Vue.js 文档里提到的《 Class 与 Style 绑定》似乎需要在 data 中创建一个数据对象，但是我这里有一个列表，这可能就不太适用了。

请问大家，这个情况正确的解决方案是？

谢谢。