Не могу получить правильные данные из Vue данных

Question

У меня есть следующий код в компоненте

  data() {
    return {
      data: []
    };
  },
  mounted() {
    this.$axios.get("https://canteen.sjtu.edu.cn/CARD/Ajax/Place").then(res => {
      this.data = res.data;
    });
    console.log(this.data);
  },

, но я не могу получить обновленные данные, например, console.log(this.data) не имеет данных, которые я хочу, но я могу получить нужные данные в моем template

<template>
  <div>
    <div>{{ data }}</div>
  </div>
</template>

И если я console.log(this) в смонтированном виде, я могу получить Vue component, и в нем я могу видеть нужные мне данные!

Большое спасибо за вашу помощь !!