await是一個關鍵字，可以讓程序在異步執行的過程中同步執行，這個特性在Vue中也得到了應用。在Vue中，我們常常使用XHR或fetch向后端API請求數據，這些請求都是異步的，如果我們想要在數據請求到達之前訪問數據，通常需要使用回調函數或Promise來進行處理，這會給我們的代碼帶來很多麻煩。而await就是為了解決這個問題而設計的。

async mounted() {
try {
const response = await this.$http.get('/api/user');
this.userData = response.data;
} catch (error) {
console.error(error);
}
}

在上面的代碼中，我們使用了await關鍵字來等待請求數據返回。當異步操作執行完畢之后，我們可以得到一個結果，這個結果將賦值給response變量，而我們就可以使用response.data獲取后端API返回的數據了。這樣，我們就可以忘記回調函數和Promise，而使用更加簡單的await語法來處理異步操作了。

需要注意的是，await只能在異步函數中使用。如果我們想要在Vue組件中使用await，我們需要將其包裝成一個異步函數。在上面的代碼中，我們使用了async關鍵字來定義一個異步函數。

async created() {
const response = await fetch('/api/posts');
const data = await response.json();
this.posts = data.results;
}

使用await的另一個好處是可以讓代碼看起來更加簡潔。上面的代碼中，我們使用了await關鍵字來等待服務器返回數據，并使用response.json()來將返回的JSON數據解析為JavaScript對象。這個操作看起來非常簡單明了，而不需要使用回調函數或Promise。