在Vue組件化中利用axios處理ajax請求的使用方法
更新時間：2017年08月25日 09:04:46 作者：安小下
這篇文章主要給大家介紹了在Vue組件化中利用axios處理ajax請求的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
本文主要給大家介紹了關(guān)于在Vue組件化中利用axios處理ajax請求的使用方法，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧。
推薦方式
首先在 main.js 中引入 axios
// 引入 axios import axios from 'axios'
這時候如果你想在其它的組件中使用axios進行ajax請求是或提示報錯的，報錯內(nèi)容大致是axios is undefined。
我們通常的決絕方案是將axios改寫為 Vue 的原型屬性,如2
將axios寫入Vue的原型鏈作為Vue的屬性
// 設(shè)置axios請求的默認(rèn)host axios.defaults.baseURL = "https://www.ifilm.ltd/api/" // 將axios綁定給vue成為一個屬性 Vue.prototype.$http = axios
在其他組件中使用axios
this.$http.get('路由').then(response => {
// todo something
})
此方式可以類比到Vue的其他庫使用
兩種不推薦的使用示范
將axios全局化，作為全局變量
// 引入axios import axios from 'axios' // 將axios全局化 window.axios = axios;
另外一個不太優(yōu)雅的方式就是在需要的每個組件中都引入對應(yīng)的庫
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于vue.js整合vux中上拉加載下拉刷新的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
element table跨分頁多選及回顯的實現(xiàn)示例
本文主要介紹了element table跨分頁多選及回顯的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
vue之input輸入框防抖debounce函數(shù)的使用方式
這篇文章主要介紹了vue之input輸入框防抖debounce函數(shù)的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了mpvue 如何使用騰訊視頻插件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了vue3.0組合式api的使用小結(jié),本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-08-08
Vue?2?和?Vue?3?中?toRefs函數(shù)的不用用法
Vue?是一款流行的JavaScript?框架，用于構(gòu)建用戶界面，在Vue2和?Vue3中，都存在一個名為toRefs的函數(shù)，但其行為在這兩個版本中有所不同，這篇文章主要介紹了Vue2和Vue3中toRefs的區(qū)別,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細(xì)介紹Vue中$nextTick的實現(xiàn)原理，文中的示例代碼講解詳細(xì)，對我們深入了解Vue有一定的幫助，需要的小伙伴可以參考一下2023-06-06
今天小編就為大家分享一篇對Vue.js之事件的綁定(v-on: 或者 @ )詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue中keep-alive、activated的探討和使用詳解
這篇文章主要介紹了vue中keep-alive、activated的探討和使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue2.0結(jié)合DataTable插件實現(xiàn)表格動態(tài)刷新的方法詳解
這篇文章主要介紹了vue2.0結(jié)合DataTable插件實現(xiàn)表格動態(tài)刷新的方法,結(jié)合具體項目實例形式分析了vue2.0結(jié)合DataTable插件實現(xiàn)表格動態(tài)刷新過程中遇到的問題與相應(yīng)的解決方法,需要的朋友可以參考下2017-03-03