為了使網站更豐富多彩，許多網站都需要跨域獲取數據。但是由于瀏覽器的同源策略，跨域獲取數據是相當困難的。不過，JSONP可以有效解決跨域獲取數據的問題。接下來我們將學習如何在Vue中使用JSONP請求數據。

首先，我們需要一個JSONP庫，例如jQuery、axios等。在這里，我們將使用axios。在Vue項目中安裝axios庫的方法：

npm install axios --save

安裝完畢后，在Vue項目的main.js中引入axios：

import axios from 'axios'
Vue.prototype.$http = axios

現在我們有了axios庫，我們就可以使用JSONP進行跨域請求。首先，我們需要定義一個JSONP函數：

function jsonp(url, params, callback) {
var callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random())
window[callbackName] = function(data) {
delete window[callbackName]
document.body.removeChild(script)
callback(data)
}
var queryString = ''
for (var key in params) {
if (params.hasOwnProperty(key)) {
queryString += encodeURIComponent(key) + '=' + encodeURIComponent(params[key]) + '&'
}
}
var script = document.createElement('script')
script.src = url + '?' + queryString + 'callback=' + callbackName
document.body.appendChild(script)
}

現在我們已經定義好了JSONP函數，我們可以在Vue組件中使用它了。下面是一個使用JSONP請求數據并將數據渲染到Vue模板中的簡單示例：

在這個例子中，當組件被掛載時，我們調用了JSONP函數，傳遞了API地址和請求參數。JSONP函數在響應時將數據傳遞給回調函數，我們將其存儲到本地數據中，并使用Vue的指令將數據渲染到模板中。

由于JSONP只能發起GET請求，如果需要進行PUT、POST等請求，我們需要使用CORS或后端代理的方式處理。

以上就是使用Vue進行JSONP請求的示例。通過學習這個例子，我們可以更好地了解如何在Vue應用程序中使用JSONP函數請求數據。