VUE中 resource如何引入和GET POST JSONP 如何使用

Vue 要实现异步加载需要使用到 vue-resource 库。Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。

　　首先。安装及配置

　　　　npm install vue-resource --save

　　然后在入口文件 main.js中引入

　　　   import VueResource from 'vue-resource'

　　　   Vue.use(VueResource)

 

vue-resource POST请求实例

　　

        this.$http.post(url,{a:'1',b:'2'},{emulateJSON: true})
          .then(response => {  //成功
            console.log(response)
          }, response => { // 失败
          })

VUE -resource GET 请求实例

      this.$http.get(url,{params:{a:1,b:2}}).then(res=>{
         console.log(res)  //请求成功
      },err=>{
         console.log(err)  //请求失败
      })

VUE -resource JSONP 请求实例

            this.$http.jsonp(url,{params:{a:1,b:2}}).then((result) => {
                console.log("访问成功")
            }).catch((result) =>{
                console.log("访问失败")
            })