基于Vue 和 axios 的天气查询案例（天知道）

1、 先进行效果展示

在搜索框里输入想要查询的天气的城市或选择下面的几个城市，就可以出来了，下面我们看看看代码吧~

2、html

<div id="app">
			<header>
				<h1>天知道</h1>
				<input type="text" placeholder="请输入要查询的城市" @keyup.enter="searchWeather" v-model="city"/>
				<button type="button" @click="searchWeather">搜索</button>
				<ul class="text">
					<li @click="changeCity('北京')">北京</li>
					<li @click="changeCity('上海')">上海</li>
					<li @click="changeCity('广州')">广州</li>
					<li @click="changeCity('深圳')">深圳</li>
				</ul>
				<ul class="list">
					<li v-for="item in weatherList">
						<p class="state"