为什么可以获取到response的值，赋值给变量打印输出为undefined？

async getAllData () {
      const data = await this.$http.get('https://mock.apifox.cn/m1/2452239-0-default/api/alldata')
        .then((response) => {
          console.log('我是后端响应的数据！！', response)
        })
        .catch((error) => {
          console.log(error)
        })
      console.log('我是获取到的数组数据！！', data)
      this.allData = data.map((item) => item).filter(item2 => item2 !== undefined)
      // this.allData = data
      console.log('我现在是vue的数据了！！', this.allData)
    }