Vue Resource 是一個可以方便地和 API 交互的插件,它是由 Vue.js 官方推出的一種數(shù)據(jù)請求庫。使用 Vue Resource 可以使得對于常見的 RESTful API 的數(shù)據(jù)請求的操作變得非常簡便和快捷。
在使用 Vue.js 開發(fā)前端應(yīng)用時,同時使用 Vue Resource 可以讓我們免去 jQuery 的多種 Ajax 請求方式,同時讓我們的代碼更加優(yōu)雅和簡潔。
import Vue from 'vue'
import VueResource from 'vue-resource'
Vue.use(VueResource)
在使用 Vue Resource 之前,需要先 import VueResource 并且使用 Vue.use 將其安裝到 Vue 插件當(dāng)中。
接著,在使用 Vue Resource 的時候,我們可以直接使用 Vue.http 訪問我們需要的 API。
Vue.http.get('/api/users').then(response =>{
console.log(response.data)
})
可以看到以上代碼中,我們直接通過 Vue.http.get 來發(fā)起一個 GET 請求,并且通過 Promise 的形式處理返回的結(jié)果,其中 response.data 就是后端 API 返回的數(shù)據(jù)。
需要注意的是,在使用 Vue Resource 的時候,需要遵循 RESTful 的 API 規(guī)范,即 GET 請求用于獲取數(shù)據(jù),POST 請求用于新增數(shù)據(jù),PUT 請求用于更新數(shù)據(jù),DELETE 請求用于刪除數(shù)據(jù)。
最后,總結(jié)一下使用 Vue Resource 的過程:
- 引入并安裝 VueResource 插件
- 通過 Vue.http 訪問需要的 API
- 處理返回的結(jié)果
上一篇ios vue app
下一篇iframe刷新vue