CDN(Content Delivery Network)即內(nèi)容分發(fā)網(wǎng)絡,它是一種互聯(lián)網(wǎng)技術,能夠快速有效地加速互聯(lián)網(wǎng)上的靜態(tài)和動態(tài)內(nèi)容。Vue Resource是一個基于Vue.js的插件,它可以供我們在瀏覽器端使用XMLHttpRequest以及JSONP來獲取數(shù)據(jù)。
在使用Vue Resource時,我們可以使用cdn鏈接的方式引用Vue Resource,這樣可以省去我們下載、配置Vue Resource的時間和精力,只需簡單的引入依賴即可:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1/dist/vue-resource.min.js"></script>
通過以上代碼,我們引入了Vue和Vue Resource的cdn鏈接。在使用Vue Resource時,還需要在Vue實例中注冊Vue Resource的默認值:
Vue.use(VueResource)
這樣就可以在之后的代碼中使用Vue Resource提供的方法來獲取、處理數(shù)據(jù)了。例如,我們可以使用get()方法來獲取數(shù)據(jù):
Vue.http.get('someUrl').then(response =>{
//成功時的回調(diào)函數(shù)
}, error =>{
//失敗時的回調(diào)函數(shù)
});
調(diào)用Vue Resource的get()方法時,傳入的參數(shù)為我們要請求的url,可以是相對路徑,也可以是絕對路徑。當請求成功時,我們可以在success callback中拿到響應的數(shù)據(jù)進行處理。