vue 中发起数据请求有三种方式:axios 库,提供简单 api 发送 http 请求;fetch api,浏览器原生方法,返回 promise 对象;vue resource 插件,提供高级 api 处理 http 请求。

Vue 中如何发起数据请求
Vue 中发起数据请求主要有以下三种方式:
1. axios 库
axios 库是一个轻量级的 HTTP 客户端,它提供了简单的 API 来发起 GET、POST、PUT、DELETE 等 HTTP 请求。
立即学习“前端免费学习笔记(深入)”;
使用方法:
<code class="js">import axios from 'axios';
axios.get('/api/users')
.then((res) => {
// 处理响应数据
})
.catch((err) => {
// 处理错误
});</code>2. fetch API
fetch API 是浏览器原生提供的 fetch 数据的方法,它返回一个 Promise 对象,可以等待请求完成并获取响应。
使用方法:
<code class="js">fetch('/api/users')
.then((res) => {
return res.json(); // 将响应转换为 JSON 对象
})
.then((data) => {
// 处理响应数据
})
.catch((err) => {
// 处理错误
});</code>3. Vue Resource
Vue Resource 是 Vue 官方提供的插件,它提供了一些更高级别的 API 来处理 HTTP 请求,例如自动处理状态代码、响应拦截器等。
使用方法:
<code class="js">import VueResource from 'vue-resource';
Vue.use(VueResource);
Vue.http.get('/api/users')
.then((res) => {
// 处理响应数据
})
.catch((err) => {
// 处理错误
});</code>










