對于Vue異步初始加載，我們可以通過代碼來進行解釋。首先，需要使用Vue的createApp方法來創建一個Vue實例，然后在該實例的生命周期函數中使用異步請求數據。

const app = Vue.createApp({
data() {
return {
userInfo: {}
}
},
created() {
//使用異步請求數據
fetch('https://xxx.com/userInfo')
.then(response =>response.json())
.then(data =>{
this.userInfo = data;
});
}
})

上述代碼中，使用了fetch方法來進行異步請求，并將返回的數據設置到Vue實例的data屬性中。需要注意的是，在異步請求數據之后，要將數據掛載到Vue實例中，否則數據不會被渲染。

除了使用fetch方法，也可以使用Vue提供的axios庫來進行異步請求。

const app = Vue.createApp({
data() {
return {
userInfo: {}
}
},
created() {
//使用axios進行異步請求數據
axios.get('https://xxx.com/userInfo')
.then(response =>{
this.userInfo = response.data;
});
}
})

在使用axios時，需要先通過npm安裝axios庫，并在代碼中引入。

npm install axios

除了在Vue實例的created生命周期函數中進行異步請求，還可以在組件的mounted生命周期函數中進行異步請求。

const app = Vue.createApp({
data() {
return {
userInfo: {}
}
},
mounted() {
//使用異步請求數據
fetch('https://xxx.com/userInfo')
.then(response =>response.json())
.then(data =>{
this.userInfo = data;
});
}
})

需要注意的是，Vue的異步請求通常會使用Promise來進行處理，其中then方法用于處理異步請求成功后的數據，catch方法用于處理請求失敗的情況。

在異步請求過程中，可能會出現loading的情況，如果需要在頁面中顯示loading效果，可以使用Vue提供的v-if和v-else指令來進行控制。例如：

Loading...
{{userInfo.name}}
{{userInfo.age}}

其中loading為一個Boolean類型的data屬性，初始值為true，當異步請求數據成功后，將其改為false，從而顯示數據。

總之，Vue的異步初始加載功能非常強大，可以通過多種方式來進行異步請求，并提供了豐富的指令來進行控制，讓開發者可以靈活地應對各種情況。