ReferenceError: infors is not defined？

明明已经data(){}定义了infors这个数组，不知道为何F12控制台会报错。百度许久也未找到原因。

<template>

 <div>

子菜单一 <input  type="text">

 <ul>

 <li  v-for="(infor,index) in  infors" :key="index">

         -----{{infor.high}}

 </li>

 </ul>

 </div>

</template>

<script>

 import  axios  from  'axios'

 export  default {

 name:  'SubMenu1',

 data(){

 return{

 infors:[]

      }

    },

 mounted(){

     let  url='http://wthrcdn.etouch.cn/weather_mini?city=西安'

     axios.get(url).then(response=>{

       console.log(response.data);

       let  data=response.data;

       console.log(infors);

       this.infors= data.forecast;

       //console.log(infors);

     }).catch(error=>{

 console.log(error)

     })

    }

                  }

</script>

<style  scoped>

</style>