axios获取天气预报

大家好！我是星河，今天给大家带来的是获取接口实现一个天气的情况

天气接口:http://wthrcdn.etouch.cn/weather_mini

这个是我写的部分style简陋的代码

        #app{
            width: 800px;
            margin: auto;
            margin-top: 100px;
        }
        h2{
            text-align: center;
            font-weight: bold;
            margin: 0 0 20px 0;
        }
        .about{
            margin-top: 5px;
        }
        .about a{
            text-decoration: none;
            font-weight: bold;
            font-size: 15px;
            color:black;
        }
        .about a:hover{
            color: blue;
        }

下面来看正文部分

<!-- vue数据的data数据会挂载到 app 里面 -->
    <div id="app">
        <!-- 标题 -->
        <h2>天气查询</h2>
        <!-- 使用 from 的类 是页面变得好看而已 -->
        <div class="form-group">
            <!--在in