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&nbsp;:class="rs.nubmer1&nbsp;>&nbsp;0&nbsp;?&nbsp;'red'&nbsp;:&nbsp;'green'">{{&nbsp;rs.nubmer1&nbsp;}}</p>