Vue-resource是Vue.js的官方插件之一。它允許我們以簡單而優美的方式處理網絡通信。Vue-resource可以輕松地管理網絡請求、響應以及異常情況。

其中，headers是一個非常重要的概念。它的作用是給HTTP請求添加header信息。這些頭文件包含了HTTP請求的信息，例如cookie、授權信息等。

Vue-resource的headers對象允許我們為所有HTTP請求定義headers信息。這個對象有點類似于jQuery的$.ajax()函數中的headers設置。而且，headers屬性可以為所有請求類型(HTTP GET/POST/PUT/DELETE/PATCH)提供頭文件信息。

Vue.http.headers.common['Authorization'] = 'Bearer ' + token;

以上代碼將會在所有請求中添加一個Authorization頭文件。它的值是token。headers屬性中的common對象是一個全局對象，它的屬性會被所有請求共享。如果你想針對某一請求類型設置特定的頭信息，可以使用headers屬性中的特定請求類型的對象，例如：

Vue.http.headers.get['Cache-Control'] = 'no-cache';
Vue.http.headers.post['X-CSRF-TOKEN'] = 'my_token';

當發送一個HTTP GET請求時，將會使用get對象中的頭文件信息。上面的代碼為所有POST請求設置了X-CSRF-TOKEN頭信息。

除了設置全局headers信息，你還可以為單獨的請求設置headers屬性。這將會覆蓋common或特定請求類型的頭文件設置。你可以將headers信息添加到請求數據的配置對象中：

this.$http.post('/someUrl', {body: this.user}, {
headers: {
Authorization: 'Bearer ' + token
}
}).then(response =>{
//處理響應結果
}, response =>{
//處理異常情況
});

以上代碼將會在當前請求中添加一個Authorization頭文件。它的值是token。headers屬性是config對象中的一個子屬性。這個對象包含了請求的各種配置信息。

如果你想手動覆蓋headers信息，你可以將其設置為null。這將會刪除所有的頭文件設置。例如：

Vue.http.headers.common = null;

這個例子將會刪除所有的全局headers設置。你需要重新設置一遍headers信息才能讓它們生效。

總結來說，headers屬性讓我們可以輕松地管理HTTP請求和響應的頭信息。在開發過程中，我們可以設置全局headers信息、特定請求類型的headers信息以及單獨請求的headers信息。Vue-resource的headers屬性讓我們專心于開發功能而不需要過多關注HTTP通信的細節。