在vue開發中,我們常常需要使用異步請求來獲取后端數據,其中最常見的就是ajax請求。而在vue中使用異步請求,我們可以借助vue-resource或者axios這兩個插件。下面我們將介紹vue中通過axios實現異步請求的方法。
首先,我們需要通過npm或者yarn的方式將axios插件安裝到我們的項目中:
npm install axios --save
// 或者
yarn add axios
安裝完成后,我們需要在main.js中導入axios:
import axios from 'axios'
Vue.prototype.$http = axios
// 這樣,我們就可以在組件中使用this.$http來進行異步請求了
接下來,我們可以在組件中寫異步請求代碼。例如:
methods: {
getData () {
this.$http.get('/api/data').then((response) =>{
console.log(response.data)
}, (response) =>{
console.log('error', response)
})
}
}
以上代碼中,我們通過get方法向后端發送了一個請求,并在請求返回時打印了數據。如果請求出錯,我們也會在控制臺中打印錯誤信息。
這樣,我們就可以在vue中通過axios實現異步請求了。相比于vue-resource,axios更加輕量且使用更加靈活,因此越來越多的開發者選擇使用axios進行異步請求。
上一篇vue assert
下一篇Python 避免反編譯