Javascript 为生成的表更改v-的文本颜色

我使用vue.js来显示一组json。这是一堆显示在表格中的数字。这很好，但如果数字为负数，则应读取其单元格的textcolor

<table>
    // ...
    <tbody>
        <tr>
            <td v-for="i in numbers" class="text-danger"> {{ i }} </td>
        </tr>
    </tbody>
</table>

// ...
{{i}

如您所见，“class=”text danger“在所有情况下都将textcolor设置为红色。我希望它仅在数字（I）为负数时适用，因此请附加一个条件

---

我完全不知道如何使用vue实现这一点。

动态应用该类：

{{i}

动态应用类：

{{i}