vue3如何将异步获取的后端返回值在前端页面显示？

 methods: {async searchLocation() {
      try {
        const response = await axios.get('http://localhost:29999/selectLocationByNumber/'+this.inputValue);
        console.log(response.data);
        this.number = response.data.number;
        this.location = response.data.location;
      } catch (error) {
        // 处理请求错误
        console.error('Error fetching data:', error);
      }
    },}

<script>export default {data() {
    return {number:'',
      location:'',}
  }}
</script>

<el-table>
          <el-table-column label="号码">{{ number }}</el-table-column>
          <el-table-column label="所属运营商">{{ location }}</el-table-column>
        </el-table>

异步方法向后端发送请求，得到返回值response，number和location在页面上显示不出来？不会vue