首頁  >  文章  >  web前端  >  vue-resource怎麼安裝

vue-resource怎麼安裝

青灯夜游
青灯夜游原創
2021-10-27 17:36:423448瀏覽

安裝方法:1、開啟cmd指令窗口,執行“cd 專案目錄”和“npm i vue vue-resource --save-dev”指令;2、設定入口檔“main.js”,使用import指令導入vue-resource即可。

vue-resource怎麼安裝

本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

vue-resource是vue中使用的請求網路資料的插件,這個插件是依賴vue的,簡單說就是用來調介面的。

安裝

cd 项目目录
npm i vue vue-resource --save-dev

在入口檔案main.js中設定

import VueResource from 'vue-resource'Vue.use(VueResource)

這樣就可以直接使用了:

get請求:

this.$http.get('地址',{params: {参数}}).then(function(res) {
        console.log(res)        // 响应成功回调
    },function(res) {
        console.log(res)        // 响应错误回调
    })

post請求:

this.$http.post('地址',{参数},{emulateJSON:true}).then( function(res) {
      console.log(res.data)
    })

jsonp請求:

this.$http.jsonp("地址",{params:{参数}}).then( function(res){
      console.log(res.data.s)
    })

相關推薦:《 vue.js教程

以上是vue-resource怎麼安裝的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn