在Web開發中，經常需要使用ajax技術來獲取數據，而Vue框架也提供了方便的方法去加載ajax。在Vue中，我們可以使用Vue-resource或Axios來完成ajax請求。下面，我們將詳細介紹如何使用Vue-resource和Axios庫加載ajax數據。

Vue-resource是Vue官方提供的http客戶端，可以用于處理ajax請求。它提供了一個Vue插件，可以通過全局Vue對象來使用。我們需要先將Vue-resource安裝到我們的項目中：

npm install vue-resource --save

安裝完成后，在我們的Vue組件中引入并注冊Vue-resource：

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

現在我們可以在Vue組件中使用Vue-resource來進行ajax請求了。例如，獲取數據的代碼如下：

this.$http.get('/api/data')
.then(response =>{
console.log(response.body)
}, error =>{
console.log(error.statusText)
})

代碼中，我們使用了Vue-resource提供的get方法來獲取數據。它會返回一個Promise對象，我們可以使用then方法來處理成功或失敗的回調。

另一個常用的ajax庫是Axios，它是一個基于Promise的HTTP客戶端，可以用于瀏覽器和Node.js環境。我們可以通過npm安裝Axios：

npm install axios --save

安裝完成后，在Vue組件中引入Axios庫：

import axios from 'axios'

現在我們就可以使用Axios來請求數據了。例如，獲取數據的代碼如下：

axios.get('/api/data')
.then(response =>{
console.log(response.data)
}, error =>{
console.log(error.message)
})

代碼中，我們使用了Axios提供的get方法來獲取數據。它也會返回一個Promise對象，我們可以使用then方法來處理成功或失敗的回調。與Vue-resource不同的是，Axios返回的數據在response對象的data屬性中，而不是body屬性。

總的來說，使用Vue-resource和Axios都可以方便地加載ajax數據。不過，需要注意的是，加載過多的數據會影響頁面性能，因此需要進行合理的數據請求和數據處理。