Vue中调用函数方法出现延迟导致先输出null后返回结果的解决办法

出现原因：Vue 默认的异步执行导致
解决办法：使用Promise构造函数同步代码解决异步操作

// 定义一个异步操作，返回一个 Promise 对象
function fetchData() {
  return new Promise((resolve, reject) => {
      // 后台查询，查询后直接使用resolve返回对象
      resolve(res);
  });
}

// 调用 fetchData 函数，并使用 then 函数处理成功后的逻辑
fetchData().then((data) => {
  console.log(data); // 输出: "Data fetched successfully!"
});

注：resolve相当于Promise函数的语法糖，用于直接返回结果，reject用于返回错误信息，可不写