1. 程式人生 > >VUE2.0中axios的使用

VUE2.0中axios的使用

1首先  npm install axios

2安裝其他外掛的時候,可以直接在 main.js 中引入並使用 Vue.use()來註冊,但是 axios並不是vue外掛,所以不能 使用Vue.use()

3在main.js中加入

import axios from 'axios'

Vue.prototype.$http= axios

3在vue頁面直接使用

var postData = {
username: this.ruleForm.name,
   password : this.ruleForm.password,
          }
          var qs = require('qs')
          var data = qs.stringify(postData)

 this.$http.post('http://127.0.0.1/php/1.php',data).then(function (response) {

}

值得注意的是 data引數的形式必須是 key=value形式,在安裝axios時預設已經安裝,用時直接引入即可