vue $http方法是在Vue.js2.0中新增的一種HTTP請求方式。它是基于axios庫,用于發送跨域請求和處理網絡請求的方式之一,方便開發者進行前端與后端的交互操作。
在使用vue $http方法之前,需要確保安裝了vue-resource和axios模塊,如下所示:
npm install vue-resource axios --save
安裝之后在vue的main.js中引入vue-resource和axios模塊并全局注冊:
// 引入vue-resource和axios模塊
import VueResource from 'vue-resource'
import axios from 'axios'
// 全局注冊VueResource和axios
Vue.use(VueResource)
Vue.prototype.$http = axios
使用vue $http方法發送一個get請求示例代碼如下:
export default {
data () {
return {
newsList: []
}
},
mounted () {
this.getNewsList()
},
methods: {
getNewsList () {
this.$http.get('/api/news')
.then(response =>{
this.newsList = response.data
}).catch(error =>{
console.log(error)
})
}
}
}
在上述代碼中,使用Vue.prototype.$http.get()方法發起一個get請求,并將服務器響應的數據存儲到newsList中。如果請求失敗,則在控制臺中輸出錯誤信息。此外,還可以通過Vue.prototype.$http.post()、Vue.prototype.$http.delete()等方法來發起POST、DELETE等請求。
總之,使用vue $http方法有助于快速、方便地與服務器進行通信,推薦使用該方法進行前后端的數據交互操作。