vue中我們常用axios進行數據請求

axios模塊在vue開發(fā)中如何使用引入，如何注冊全局方法

一般情況下我們采用如下方法

import axios from 'axios'
 axios({
  url:'http://www.baidu.com',
})
.then(res=>{
  console.log(res)
})

這是vue中比較提倡的引入方法

但是每個數據請求頁面都需要引入axios方法會感到一定的繁瑣

如何引入全局axios呢

在main.js中 先引入axios

 import axios from 'axios'

好 接下去使用原型的定理 將axios方法設定為Vue對象的方法

 Vue.prototype.axios=axios

這里需要注意的是 此時axios是Vue實例中的方法了 方法必須為對象調用

所以我們在實例中使用的時候一定要加上this或者是實例對象名

   mounted(){
     this.axios({
          url:'http://www.baidu.com',
          method:'get'
          })
          .then(res=>{
          console.log(res)
        })
       }

此時我們就可以在任何組件里調用axios方法了

不過還是推薦按需引入axios比較好哦