vue axios 讲解下 增删改查

Vue 是一个轻量级的前端框架，而 Axios 则是一个基于 Promise 的网络请求库，用于发送 HTTP 请求，已经成为了许多项目中常用的库之一。在 Vue 中使用 Axios，可以方便地进行增删改查操作。

对于增加操作（Create），我们可以通过 Axios 的 post 方法来发送 HTTP POST 请求，将需要新增的数据传递到后台服务器。例如，我们可以通过以下代码来创建一个新的用户：

axios.post('/api/users', {
name: '张三',
age: 30,
gender: '男'
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});

对于删除操作（Delete），我们可以通过 Axios 的 delete 方法来发送 HTTP DELETE 请求，将要删除的数据的 id 传递到后台服务器。例如，我们可以通过以下代码来删除一个用户：

axios.delete('/api/users/1')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});

对于更新操作（Update），我们可以通过 Axios 的 put 方法来发送 HTTP PUT 请求，将需要更新的数据传递到后台服务器。例如，我们可以通过以下代码来更新一个用户的信息：

axios.put('/api/users/1', {
name: '李四',
age: 35,
gender: '女'
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});

对于查询操作（Read），我们可以通过 Axios 的 get 方法来发送 HTTP GET 请求，将需要查询的数据传递到后台服务器。例如，我们可以通过以下代码来查询所有用户的信息：

axios.get('/api/users')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});

总之，在 Vue 中，我们可以通过 Axios 发送各种 HTTP 请求来实现增删改查操作，使得前端开发工作变得更加便捷和高效。