在vue上运行语句之前，如何等待异步完成？

async function fetchData() {
  // 异步操作
  return await fetch('https://api.example.com/data');
}

fetchData().then(data => {
  // 在异步操作完成后执行的代码
  console.log(data);
});

async function fetchData() {
  // 异步操作
  return await fetch('https://api.example.com/data');
}

async function processAsyncData() {
  const data = await fetchData();
  // 在异步操作完成后执行的代码
  console.log(data);
}

processAsyncData();

export default {
  data() {
    return {
      data: null
    };
  },
  async created() {
    // 异步操作
    this.data = await fetch('https://api.example.com/data');
    // 在异步操作完成后执行的代码
    console.log(this.data);
  }
}