vue 计算属性与 class / style 问题

Question

有如图示这样一个股票行情列表，需求是数字为正整数的时候应用class="red"，负数为 class="green"

<div class="col-xs-3" v-for="rs in plateList">
                    <div class="top-area">
                        <p>{{ rs.title }}</p>
                        <!--这里有一个判断数值的需求，正数或负数应用不同的 class 
                        <p class="green">{{ rs.nubmer1 }}</p>
                        只能 v-if 然后自定义一个方法了吗 ？
                        -->
                        <p class="red">{{ rs.nubmer1 }}</p>                        
                        <p class="add">+{{ rs.nubmer2 }}%</p>
                    </div>
                </div>

Answer 1

<p :class="rs.nubmer1 > 0 ? 'red' : 'green'">{{ rs.nubmer1 }}</p>