vue 免费的每天不限次数的调用天气接口

vivk2017

已于 2022-10-18 13:47:36 修改

阅读量1.8k

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript vue

于 2022-10-18 09:33:57 首次发布

本文链接：https://blog.csdn.net/m0_38109616/article/details/127381491

版权

Vue 专栏收录该内容

39 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在 Vue 项目中利用 360 提供的免费天气 API 获取并展示实时天气信息，包括温度、湿度、天气状况等，并展示了如何设置定时更新及错误处理。通过调用 fetch-jsonp 库实现跨域请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文档：360免费天气API接口.note
链接：http://note.youdao.com/noteshare?id=8333c579b80f71e91a4156745fde5b27&sub=2E539D6ADEE047AB8653FB87EAD12E8E

created() {
// 开始设置时间
if (this.timeInterval) {
clearInterval(this.timeInterval);
} else {
this.timeInterval = setInterval(() => {
this.showTime()
}, 1000);
}
},
destroyed() {
clearInterval(this.timeInterval);
},
data() {
return {
timeInterval: null, //时间循环
nowTemp: ‘’, //当前温度
nowWeek: ‘’, //当前日期
nowTime: ‘’, //当前时间
weatherInfo: ‘’, //天气情况
minMaxTemp: ‘’, //最低、最高气温
airQuality: ‘’, //空气质量
humidity: ‘’, //湿度
weatherIcon: