VUE项目请求数据的三种方式

2020-01-13  本文已影响0人  晴天3521

vue-resource(官方推荐)

// 1.安装vue-resource
npm install vue-resource --save / cnpm install vue-resource --save
// 2.在main.js里引入
import VueResource from 'vue-resource'
Vue.use(VueResource)
// 3.使用
this.$http.get(Url).then((res)=>{},(err)=>{})

axios

// 1.安装axios 
npm install axios --save / cnpm install axios --save
// 2.在页面中引入
import Axios from "axios";
// 3.使用
Axios.$http.get(Url).then(res=>{}).catch(err=>{})

fetch JsonP(跟axios相似)

// 1.安装fetch JsonP
cnpm i fetch-jsonp --save
// 2.在页面中引入
import  fetchJsonp  from  "fetch-jsonp"
// 3.使用
fetchJsonp(Url)
.then(res => res.json() )
.then(data => console.log(data))

好了,今天的分享就到这里了!
愿你三冬暖,愿你春不寒;愿你天黑有灯,下雨有伞。


小晴天
上一篇 下一篇

猜你喜欢

热点阅读