關于axios如何全局注冊淺析

更新時間：2018年01月14日 08:44:18 作者：劉飛_007

這篇文章主要給大家介紹了關于axios如何全局注冊的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用axios具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。

前言

最近用 Vue 寫項目的時候，用到 axios ，因為 axios 不能用 Vue.use() （詳細介紹可以參考這篇文章），所以在每個 .vue 文件中使用 axios 時就需要 import ， .vue 文件少的話還好說，多的話未免有點麻煩。

后來想了想，能不能直接把 axios 加到 Vue 的原型中，這樣就達到了全局注冊了。下面話不多說了，來一看看詳細的介紹吧。

方法如下：

1. 首先在 main.js 中引入 axios

import Vue from 'vue'
import axios from 'axios'
//把 `axios` 加到 `Vue` 的原型中
Vue.prototype.axios = axios;
new Vue({
 el: '#app',
 render:h => h(App)
})

2. 在 .vue 文件中使用時，注意 axios 前要加 this

<script>
export default {
 name:'app',
 data(){
  return{
   msg:'hello'
  }
 },
 methods:{
  send(){
   // 注意：因為 axios 是加到 Vue 的原型中了，所以使用 axios 方法時，前面需要加 this
   this.axios.get('https://www.baidu.com*******')
   .then(resp => {
    console.log(resp.data)
   }).catch(err => {
    console.log(err);
   })
  }
 }
}
</script>

嗯，就這樣，結(jié)果當然是沒有問題的啦！

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章:

vue數(shù)據(jù)雙向綁定的注意點
這篇文章主要為大家詳細介紹了vue數(shù)據(jù)雙向綁定的注意點，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
vuex的輔助函數(shù)該如何使用
vue通過輔助函數(shù)mapState、mapActions、mapMutations，把vuex.store中的屬性映射到vue實例身上，這樣在vue實例中就能訪問vuex.store中的屬性了，對于操作vuex.store就很方便了，本文具體的介紹下這些輔助函數(shù)的使用方法
2021-06-06
VUE3數(shù)據(jù)的偵聽超詳細講解
在Vue3中watch特性進行了一些改變和優(yōu)化,與computed不同,watch通常用于監(jiān)聽數(shù)據(jù)的變化,并執(zhí)行一些副作用,這篇文章主要給大家介紹了關于VUE3數(shù)據(jù)偵聽的相關資料,需要的朋友可以參考下
2023-12-12
如何用vue-pdf包實現(xiàn)pdf文件預覽,支持分頁
這篇文章主要介紹了如何用vue-pdf包實現(xiàn)pdf文件預覽,支持分頁問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-03-03
vue+moment實現(xiàn)倒計時效果
這篇文章主要為大家詳細介紹了vue+moment實現(xiàn)倒計時效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-08-08
Vue3+TS實現(xiàn)數(shù)字滾動效果CountTo組件
最近開發(fā)有個需求需要酷炫的文字滾動效果，發(fā)現(xiàn)vue2版本的CountTo組件不適用與Vue3,沒有輪子咋辦，那咱造一個唄，感興趣的小伙伴可以跟隨小編一起了解一下
2022-11-11
vue2.0模擬錨點的實例
下面小編就為大家分享一篇vue2.0模擬錨點的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
使用vue引入maptalks地圖及聚合效果的實現(xiàn)
這篇文章主要介紹了使用vue引入maptalks地圖及聚合效果的實現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
Pure admin-Router標簽頁配置與頁面持久化實現(xiàn)方法詳解
這篇文章主要介紹了Pure admin-Router標簽頁配置與頁面持久化實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧
2023-01-01
vue.js 實現(xiàn)點擊div標簽時改變樣式
這篇文章主要介紹了vue.js 實現(xiàn)點擊div標簽時改變樣式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08