Vue-resource安裝過程及使用方法解析
更新時(shí)間：2020年07月21日 11:18:38 作者：小白啊小白，F(xiàn)ighting
這篇文章主要介紹了Vue-resource安裝過程及使用方法解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
1、安裝
npm install vue-resource --save
2、在main.js中添加
import VueResource from 'vue-resource' //全局注冊(cè) Vue.use(VueResource)
3、vue-resource發(fā)送請(qǐng)求
a）對(duì)象參數(shù)，post請(qǐng)求
this.$http.post('http://127.0.0.1:8081/getUserByParam',
{
userName: this.username,
sex:this.sex
}).then((response) => {
}）
b）get請(qǐng)求
this.$http.get('http://127.0.0.1:8081/getUserById',{
params:{id:2}//注意，get請(qǐng)求一定要加params，post請(qǐng)求不需要
}).then((response) =>{
this.list=response.body
console.log(this.list)
});
c) json參數(shù)post請(qǐng)求，和對(duì)象參數(shù)post請(qǐng)求一樣
this.$http.post('http://127.0.0.1:8081/getUserByJson',
{
"id":"11",
"userName":"jie"
}//注意，get請(qǐng)求一定要加params，post請(qǐng)求不需要
).then((response) =>{
this.list=response.body
console.log(this.list)
})
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
一文讀懂vue動(dòng)態(tài)屬性數(shù)據(jù)綁定（v-bind指令）
這篇文章主要介紹了vue動(dòng)態(tài)屬性數(shù)據(jù)綁定（v-bind指令）的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
本文將詳細(xì)介紹jQuery代碼優(yōu)化的9種方法,需要的朋友可以參考下2020-02-02
vue使用?vue-socket.io三種方式及踩坑實(shí)例解析
這篇文章主要為大家介紹了vue使用?vue-socket.io三種方式及踩坑實(shí)例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
學(xué)習(xí)Vue框架中必掌握的重點(diǎn)知識(shí)
這篇文章主要介紹了學(xué)習(xí)Vue中必掌握的重點(diǎn)知識(shí)，想了解vue的同學(xué)可以參考下2021-04-04
這篇文章主要介紹了Vue中引入json的三種方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
vue使用localStorage保存登錄信息 適用于移動(dòng)端、PC端
這篇文章主要為大家詳細(xì)介紹了vue使用localStorage保存登錄信息 適用于移動(dòng)端、PC端，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
本文主要介紹了Vue生態(tài)的新成員Pinia的詳細(xì)介紹，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
vue使用echarts實(shí)現(xiàn)三維圖表繪制
這篇文章主要為大家詳細(xì)介紹了vue如何在項(xiàng)目中使用echarts實(shí)現(xiàn)三維圖表的繪制,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以參考一下2023-08-08
這篇文章主要介紹了Vue-router中path的設(shè)置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
在使用vue開發(fā)項(xiàng)目的時(shí)候,很多使用會(huì)import很多模塊,這篇文章主要給大家介紹了關(guān)于vue中import導(dǎo)入三種方式的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02