axios是vue裡面的嗎

青灯夜游
發布: 2021-12-22 17:21:39
原創
2800 人瀏覽過

axios不是vue裡面的。 axios是一個基於Promise的,發送http請求的一個工具庫,並不是vue中的第三方插件,使用時不能透過「Vue.use()」安裝插件,需要在原型上進行綁定。

axios是vue裡面的嗎

本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

axios不是vue裡面的。

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

axios它是基於promise的http庫,可運行在瀏覽器端和node.js中,然後作者尤雨溪也是果斷放棄了對其官方庫vue-resource的維護,直接推薦axios庫

axios的作用:axios主要是用於向後台發起請求的,還有在請求中做更多是可控功能。

特點

  • 支援Promise API

  • #攔截請求和回應。攔截請求,可以過濾請求參數;攔截回應,可以處理回應異常

  • 取消請求。請求可以手動取消

vue中使用axios

1、安裝axios模組

$cnpm install --save axios  #安装
登入後複製

2、在mian.js引用axios,並邦到原型鏈上。使用外掛程式的時候,一般要在入口檔案main.js中引入,因為mian.js是專案首先運行的檔案:

import Vue from 'vue'
import axios from ‘axios’
Vue.prototype.$http = axios
登入後複製

用法:

axios是vue裡面的嗎

# #3、vue-axios是將axios整合到Vue.js的小包裝器,可以像插件一樣進行安裝。

$cnpm install --save axios vue-axios  #安装
登入後複製

在mian.js中引用axios,vue-axios,透過全域方法Vue.use() 使用插件,就相當於呼叫install方法:

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
登入後複製

用法:

axios是vue裡面的嗎

$cnpm install --save axios vue-axios
登入後複製
  安裝完axios,vue-axios之後可以在Vue專案下面的node_modules/_vue-axios/src/index.js中看到vue-axios的原始程式碼。使用 Vue 的插件寫法,更符合 Vue 整體生態環境。直接寫原型鏈,感覺有些粗暴了,除非是很底層的實現,否則不太推薦這樣寫了。

【相關推薦:《

vue.js教學》】

以上是axios是vue裡面的嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!