在網頁開發中，AJAX應該是最常用的技術之一了。它可以異步調用服務器上的數據，這樣可以讓網頁實現動態更新，不需要刷新整個頁面。如果要使用AJAX技術來實現頁面的加載，在Vue中就需要用到vue-resource或者axios這兩個插件。

首先，我們需要先安裝vue-resource或者axios插件。這兩個插件可以讓我們方便地在Vue中通過AJAX來獲取服務器上的數據。安裝方法很簡單，在命令行中輸入：npm install vue-resource 或者 npm install axios

//引入vue-resource
import VueResource from 'vue-resource'
Vue.use(VueResource)

引入vue-resource之后，我們就可以在Vue實例中通過$http對象以及GET/POST/PUT/DELETE等方法來調用服務器上的數據了。下面是一個簡單的例子：

export default {
data () {
return {
users: []
}
},
mounted () {
//通過$http.get方法獲取服務器上的數據
this.$http.get('/users').then(response =>{
this.users = response.body
}, response =>{
//失敗時的回調函數
})
}
}

我們可以看到，通過調用$http.get方法來異步獲取服務器上的數據，并且在請求成功的回調函數中，將獲取到的數據賦值給了Vue實例的data對象中的users屬性。這樣就可以讓頁面動態更新，顯示出從服務器上獲取到的數據了。

相信大家會問，如果我們的應用在部署的時候，前端代碼和后端代碼分別被部署在不同的服務器上，那該怎么辦呢？這時候我們就需要在請求的時候指定請求的路徑了：

this.$http.get('http://www.example.com/api/users').then(response =>{
this.users = response.body
}, response =>{
//失敗時的回調函數
})

這樣，我們就可以輕松地通過AJAX來異步獲取服務器上的數據，完成頁面的動態加載了。另外值得一提的是，vue-resource和axios中都支持傳遞參數，這樣就可以根據參數的不同，來獲取不同的數據了。