安裝方法:1、打開cmd命令窗口,執(zhí)行“cd 項(xiàng)目目錄”和“npm i vue vue-resource –save-dev”命令;2、配置入口文件“main.js”,使用import命令導(dǎo)入vue-resource即可。
本教程操作環(huán)境:windows7系統(tǒng)、vue2.9.6版,DELL G3電腦。
vue-resource是vue中使用的請(qǐng)求網(wǎng)絡(luò)數(shù)據(jù)的插件,這個(gè)插件是依賴于vue的,簡(jiǎn)單說就是用來調(diào)接口的。
安裝
cd 項(xiàng)目目錄 npm i vue vue-resource --save-dev
在入口文件main.js中配置
import VueResource from 'vue-resource'Vue.use(VueResource)
這樣就可以直接使用了:
get請(qǐng)求:
this.$http.get('地址',{params: {參數(shù)}}).then(function(res) { console.log(res) // 響應(yīng)成功回調(diào) },function(res) { console.log(res) // 響應(yīng)錯(cuò)誤回調(diào) })
post請(qǐng)求:
this.$http.post('地址',{參數(shù)},{emulateJSON:true}).then( function(res) { console.log(res.data) })
jsonp請(qǐng)求:
this.$http.jsonp("地址",{params:{參數(shù)}}).then( function(res){ console.log(res.data.s) })