vue值判断_vue根据输入的数据进行判断

如图所示，这是百度首页的天气导航栏，现在我用vue来做

有一个需求，空气污染程度和数值部分，空气污染数值是传入的数据，比如500或400等，空气污染程度不是传入的数据，而是根据传入的数值进行判断，在哪个阶段就显示空气污染程度，比如空气污染指数500-600为严重、空气污染指数400-500为重度，而且不同程度的颜色不一样

代码如下

模板

class="topnav_left_div">

{{ location }}

:src="weatherImgUrl">

{{ temperature }}℃

class="topnav_text">

{{ airquality.degree }}

{{ airquality.degreecount }}

|

js

export default{

data() {

return {

location: '北京',

weatherImgUrl: require('@/assets/sun.png'),

temperature: '20',

airquality: {

degree: '严重',

degreecount: '500'

}

}

}

}

上面是以前的代码，需要改进，请问大神如何改进？