如何立即将数据从axios.get保存到钩子

import axios from 'axios';

export default {
  data() {
    return {
      responseData: null, // 用于保存获取到的数据
    };
  },
  created() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.responseData = response.data; // 将获取到的数据保存到responseData钩子中
      })
      .catch(error => {
        console.error(error);
      });
  },
};

<template>
  <div>
    <p>{{ responseData }}</p>
  </div>
</template>