1. 程式人生 > >vue之請求方法--axios

vue之請求方法--axios

vue專案中請求資源會用到一個非常實用的工具--axios,當然了也可以在檔案中引入jQuery利用ajax完成需求,經查閱資料總結方法如下:

第一步,cmd開啟專案目錄下載axios:

npm install axios --save

第二步,因為axios不支援直接vue.use(axios)的方法,因此要在src目錄下建立store資料夾,store目錄下建立store.js檔案(另,vuex也會在這個資料夾中建立相應檔案用來儲存狀態,我正在學vuex中以後會總結vuex的理解這裡暫不表),store.js程式碼如下:
import axios from 'axios'//es6語法引入axios

const Axios = axios;//定義一個常量

export default {

  install(Vue) {

    Object.defineProperty(Vue.prototype, '$http', { value: Axios })//將方法繫結到vue原型物件上

 }
}

第三步,在入口檔案main.js裡引入store.js,以及使用:
import AxiosPlugin from './store/store.js'

Vue.use(AxiosPlugin)

第四步,vue元件中使用比如get或post請求:

Vue.prototype.$http.get(url)
        .then(res => {
       
        })

以上就是vue中簡單使用axios的方法啦大笑