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

• 第一种方式

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))

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

小晴天