vue之請求方法--axios
阿新 • • 發佈:2019-01-27
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的方法啦