axios和vue-axios的關(guān)系

axios是一個庫,并不是vue中的第三方插件,使用時不能通過Vue.use()安裝插件,需要在原型上進行綁定:

https://www.kancloud.cn/yunye/axios/234845

$cnpm install --save axios? #安裝

在mian.js中引用axios,并邦到原型鏈上。使用插件的時候,一般要在入口文件main.js中引入,因為mian.js是項目首先運行的文件:

import Vue from 'vue'

import axios from ‘a(chǎn)xios’

Vue.prototype.$http = axios

用法:


vue-axios是將axios集成到Vue.js的小包裝器,可以像插件一樣進行安裝:

https://www.npmjs.com/package/vue-axios

$cnpm install --save axios vue-axios? #安裝

在mian.js中引用axios,vue-axios,通過全局方法 Vue.use() 使用插件,就相當于調(diào)用install方法:

import Vue from 'vue'

import axios from 'axios'

import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

用法:


$cnpm install --save axios vue-axios

安裝完axios,vue-axios之后可以在Vue項目下面node_modules/_vue-axios/src/index.js中看到vue-axios的源代碼。使用?Vue?的插件寫法,更符合?Vue?整體生態(tài)環(huán)境。直接寫原型鏈,感覺有些粗暴了,除非是很底層的實現(xiàn),否則不太推薦這樣寫了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容