Vue-Resource是Vue.js官方提供的一個API請求插件，它可以在Vue.js應用中方便、簡潔地進行RESTful式的數據交互。而其中包含的jsonp方法可以讓開發者在處理跨域請求時更加便捷。

JSONP（JavaScript Object Notation with Padding）是一種跨域請求數據的方法，其利用了script標簽沒有跨域限制的特點。 JSONP從服務器請求JSON數據，但是由于同源策略的限制，無法直接讀取服務器返回的數據。因此，JSONP的原理是動態生成一個script標簽去請求服務器數據，而服務器返回需要返回的數據時會被包裝在一對指定的函數調用中。瀏覽器會解析script標簽中包含的返回數據，并在window對象上調用該函數，從而任意跨域獲取服務器數據。

Vue-Resource的jsonp方法使用起來非常簡單，只需要在請求對象中定義一些參數即可。例如，我們通常需要指定callback參數，該參數指定了返回數據時需要調用的函數，如下所示：

Vue.http.jsonp('http://someplace.com/data', {
params: {
callback: 'handleData'
}
}).then(response => {
// 處理返回數據
});

三個參數分別為要請求的URL、請求數據對象、返回Promise。在請求數據對象中，需要定義params屬性，該屬性是一個包含請求參數的對象，其中callback屬性用于傳遞指定的函數名稱。服務器需要在返回數據時將需要傳回的數據包裝在該函數名稱中，例如返回的數據為：

{ "data": { ... } }

則服務器應該返回：

handleData({ "data": { ... } })

這樣，瀏覽器便會在調用handleData函數時將數據作為參數傳進去。每次發起JSONP請求時，回調函數的名稱必須唯一，因此，Vue-Resource也會自動生成一個唯一的名稱。

請求中還有一個jsonp屬性，主要用于定制返回參數名稱，例如：

Vue.http.jsonp('http://someplace.com/data', {
params: {
callback: 'handleData'
},
jsonp: 'customCallback'
}).then(response => {
// 處理返回數據
});

此時返回的響應數據會包含名為customCallback的函數，如下所示：

customCallback({ "data": { ... } })

通過這種方法，我們可以方便地處理跨域數據請求。但是，請注意：JSONP并不是完全安全的。如果請求的URL或callback參數可以從外部控制，那么攻擊者可能會使用JSON注入攻擊，將惡意代碼注入我們的響應中。因此，在使用JSONP時一定要謹慎，嚴格過濾傳入參數。