在前端開發中，JSONP是一種跨域請求的常見方式。那么，Vue是否支持JSONP呢？答案是肯定的。

// 定義一個 JSONP 方法
Vue.prototype.$jsonp = function(url, callback) {
// 創建一個 script 元素
let script = document.createElement('script')
// 將 src 設置為 url
script.src = url
// 在加載 script 元素后調用 callback 函數
window[callback] = function(data) {
callback(data)
// 刪除 script 元素
document.body.removeChild(script)
}
// 將 script 元素添加到 body 元素中
document.body.appendChild(script)
}

以上代碼定義了一個名為$jsonp的方法，它接受兩個參數：請求的URL和回調函數的名稱。該方法首先創建一個script元素，并將它的src屬性設置為指定的URL。然后，在script元素加載完成后，會執行回調函數并將返回的數據作為參數傳遞給它。最后，刪除 script元素，清理頁面上的數據。

使用$jsonp方法進行跨域請求非常簡單，例如：

this.$jsonp('http://api.example.com/data', 'jsoncallback', function(data) {
console.log(data)
})

在以上代碼中，我們指定了一個URL，回調函數的名稱為'jsoncallback'，并在回調函數中輸出返回的數據。JSONP作為一種兼容性良好的跨域解決方案，可以很好地與Vue集成。