vue-resource是一個(gè)通過XMLHttpRequest或者JSONP技術(shù)實(shí)現(xiàn)異步加載服務(wù)端數(shù)據(jù)的插件。

安裝vue-resource

---

1-npm安裝

npm i vue vue-resource --save-dev

然后在引入，以及注冊(cè)

var Vue = require("vue"); var VueResource = require("vue-resource"); Vue.use(VueResource);

2-brower安裝

brower install vue-resource

引入的話

<script src="../vue.js"></script> <script src="../vue-resource.js"></script>

基于HTTP的調(diào)用

1-全局調(diào)用

Vue.http(option)

2-組件實(shí)例調(diào)用

this.http(option)

都是根據(jù)所傳option參數(shù)的method屬性判斷請(qǐng)求方式是get,post還是其他方式

---

實(shí)例

new Vue({ready:function(){this.$http({url:'/url/...',method:'POST',data:{aaa:"11111"},headers:{'content-Type':'x-www-form-urlencoded'} }).then(function(res){//成功的處理}，function(res){//失敗的處理}) });

總結(jié)

以上是生活随笔為你收集整理的vue-source的实例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。