在vue組件中使用axios的方法
更新時間：2018年03月16日 10:49:26 作者：wopelo
下面小編就為大家分享一篇在vue組件中使用axios的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
現(xiàn)在我們通過webpack+vue-cli搭建起了一個vue項目的框架，如果我們需要在vue組件中使用axios向后臺獲取數(shù)據(jù)應(yīng)該怎么辦呢？
通常情況下，我們搭建好的項目目錄應(yīng)該是這樣子的
首先需要安裝axios，這個會npm的都知道
下一步，在main.js中引入axios
import axios from "axios";
與很多第三方模塊不同的是，axios不能使用use方法，轉(zhuǎn)而應(yīng)該進(jìn)行如下操作
Vue.prototype.$axios = axios;
接著，我們就可以在App.vue中使用axios了
created:function(){
this.$axios.get("/seller",{"id":123}).then(res=>{
console.log(res.data);
});
}
以上這篇在vue組件中使用axios的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue條件渲染與列表渲染，條件渲染包括v-if、v-show等內(nèi)容，文章對條件渲染及列表渲染介紹詳細(xì)，具有一定的參考價值，需要的小伙伴可以參考一下2022-05-05
vue-element內(nèi)table插入超鏈接a標(biāo)簽的使用
在Vue Element的table組件中插入超鏈接,可以使用<el-link>標(biāo)簽替代傳統(tǒng)的<a>標(biāo)簽,實現(xiàn)更加整潔的UI設(shè)計,具體操作是替換原有的<span>標(biāo)簽,直接使用<el-link>進(jìn)行超鏈接的插入,使得鏈接樣式與Element UI保持一致2024-09-09
要想實現(xiàn)一個吸頂效果不是很難,網(wǎng)絡(luò)上有很多教程,其中有一種就是通過fiexd加top來實現(xiàn),今天突然就想做一個吸頂效果,因為最近都在用vue,所以想用vue來做一個吸頂效果的案例,感興趣的朋友可以參考下2023-11-11
vue前端el-input輸入限制輸入位數(shù)及輸入規(guī)則
這篇文章主要給大家介紹了關(guān)于vue前端el-input輸入限制輸入位數(shù)及輸入規(guī)則的相關(guān)資料,文中通過代碼介紹的介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
vue+element實現(xiàn)手機(jī)號驗證碼注冊的示例
本文主要介紹了vue+element實現(xiàn)手機(jī)號驗證碼注冊的示例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要介紹了Vue3項目中引用TS語法的實例講解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要介紹了vue中跨域以及sessionId不一致問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
Vue數(shù)據(jù)驅(qū)動表單渲染,輕松搞定form表單
這篇文章主要介紹了Vue數(shù)據(jù)驅(qū)動表單渲染,輕松搞定form表單,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
Vue.js watch監(jiān)視屬性知識點總結(jié)
在本篇文章里小編給大家分享的是關(guān)于Vue.js watch監(jiān)視屬性的相關(guān)知識點內(nèi)容，需要的朋友們學(xué)習(xí)下。2019-11-11
對vue v-if v-else-if v-else 的簡單使用詳解
今天小編就為大家分享一篇對vue v-if v-else-if v-else 的簡單使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09