在vue組件中使用axios的方法
來源:懂視網
責編:小OO
時間:2020-11-27 19:44:21
在vue組件中使用axios的方法
現在我們通過webpack+vue-cli搭建起了一個vue項目的框架,如果我們需要在vue組件中使用axios向后臺獲取數據應該怎么辦呢。通常情況下,我們搭建好的項目目錄應該是這樣子的。首先需要安裝axios,這個會npm的都知道。下一步,在main.js中引入axios。import axios from ";axios";。與很多第三方模塊不同的是,axios不能使用use方法,轉而應該進行如下操作。Vue.prototype.$axios = axios;。接著,我們就可以在App.vue中使用axios了。
導讀現在我們通過webpack+vue-cli搭建起了一個vue項目的框架,如果我們需要在vue組件中使用axios向后臺獲取數據應該怎么辦呢。通常情況下,我們搭建好的項目目錄應該是這樣子的。首先需要安裝axios,這個會npm的都知道。下一步,在main.js中引入axios。import axios from ";axios";。與很多第三方模塊不同的是,axios不能使用use方法,轉而應該進行如下操作。Vue.prototype.$axios = axios;。接著,我們就可以在App.vue中使用axios了。
下面我就為大家分享一篇在vue組件中使用axios的方法,具有很好的參考價值,希望對大家有所幫助。
現在我們通過webpack+vue-cli搭建起了一個vue項目的框架,如果我們需要在vue組件中使用axios向后臺獲取數據應該怎么辦呢?
通常情況下,我們搭建好的項目目錄應該是這樣子的

首先需要安裝axios,這個會npm的都知道
下一步,在main.js中引入axios
import axios from "axios";

與很多第三方模塊不同的是,axios不能使用use方法,轉而應該進行如下操作
Vue.prototype.$axios = axios;

接著,我們就可以在App.vue中使用axios了
created:function(){
this.$axios.get("/seller",{"id":123}).then(res=>{
console.log(res.data);
});
}

上面是我整理給大家的,希望今后會對大家有幫助。
相關文章:
Vue中v-show添加表達式的問題(判斷是否顯示)
vue中使用iview自定義驗證關鍵詞輸入框問題及解決方法
關于vuejs中v-if和v-show的區別及v-show不起作用問題
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
在vue組件中使用axios的方法
現在我們通過webpack+vue-cli搭建起了一個vue項目的框架,如果我們需要在vue組件中使用axios向后臺獲取數據應該怎么辦呢。通常情況下,我們搭建好的項目目錄應該是這樣子的。首先需要安裝axios,這個會npm的都知道。下一步,在main.js中引入axios。import axios from ";axios";。與很多第三方模塊不同的是,axios不能使用use方法,轉而應該進行如下操作。Vue.prototype.$axios = axios;。接著,我們就可以在App.vue中使用axios了。