vue中new Promise 实际调用案例

在 Vue.js 中，`Promise` 是一种处理异步操作的方式，特别是在组件的生命周期钩子、事件处理器或 API 调用中。`new Promise` 通常用于封装异步操作，确保代码的可读性和错误处理的统一。以下是一个简单的实际使用案例：

// 假设我们有一个从服务器获取数据的 API 方法
function fetchDataFromServer(url) {
  return new Promise((resolve, reject) => {
    axios.get(url)
      .then(response => {
        // 如果请求成功，解析响应数据并调用 resolve 函数
        resolve(response.data);
      })
      .catch(error => {
        // 如果请求失败，调用 reject 函数并传递错误信息
        reject(error.message);
      });
  });
}

// 在 Vue 组件中使用这个 Promise
export default {
  data() {
    return {
      users: [],
    };
  },
  async created() {
    try {
      // 使用 await 关键字等待 Promise 结果
      const response = await fetchDataFromServer('https://api.example.com/users');
      this.users = response; // 设置组件数据为获取到的数据
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  },
  // ...其他组件方法
}

在这个例子中，`created` 生命周期钩子中的 `await` 会阻塞执行，直到异步的 `fetchDataFromServer` 完成。如果成功，`users` 数据会被设置为从服务器返回的用户列表；如果失败，错误会被记录。

相关问题：
1. 在 Vue 中，如何利用 `async/await` 和 `Promise` 来处理异步操作？
2. `axios.get` 是什么？它和 `fetchDataFromServer` 的关系是什么？
3. 除了 `created`，Vue 中还有哪些生命周期钩子可以用来使用 `Promise`？