目前很多流行的vue項(xiàng)目都選擇axios來完成ajax請求轻猖,我們今天就一起學(xué)習(xí)一下axios爆班。
使用axios的前奏:
- 安裝axios
npm install axios –save-dev
- 在main.js里引入axios
import axios from 'axios'
引入之后,在組件里還是不可以使用axios命令的粉渠,而且也不能用use,這時(shí)候我們就將$axios作為vue的原型屬性添加到vue上,并將其指向axios啊楚,所以
Vue.prototype.$axios= axios
在vue的實(shí)例里注冊
new Vue({
router,
axios,
render: h => h(App)
}).$mount('#app')
Axios的準(zhǔn)備工作完畢,接下來就是使用了浑彰,如何使用呢恭理?其語法為
this.$axios.get(“url”)
.then((res) =>{
Console.log(‘請求成功的回調(diào)函數(shù)’)
})
.catch((err){
Console.log(‘請求失敗的回調(diào)函數(shù)’)
})
Vue有一個(gè)官方推薦的ajax 插件 vue-resource,網(wǎng)上傳其在vue2之后就不再更新了郭变,所以很多的主流項(xiàng)目都選擇axios來完成ajax請求颜价。我還特意看了vue的github上,最近也是有更新的诉濒。如果大家有興趣的話可以用vue-resource去練習(xí)一下周伦,其流程等與axios類似,在此就不再贅述了未荒。
就到這里了专挪,休息休息一會兒吧:)明天繼續(xù)加油噢!