api的具体使用可以看官网。
我主要使用两个api。
我新建了一个叫Weather.vue的Vue组件。
HTML代码:
我使用Element-UI框架的el-tabs,弄了一个标签页,可以切换查看天气详情和生活指数。
{{tmp}}℃
{{cond_txt}}
体感温度:{{fl}}
风向:{{wind_dir}}
风速:{{wind_spd}}
风力:{{wind_sc}}
降水量:{{pcpn}}
相对湿度:{{hum}}
大气压强:{{pres}}
能见度:{{vis}}
handleClick方法:
点击标签可以切换界面
handleClick(tab,
1