vue3 AJAX请求
时间: 2023-09-15 19:23:20 浏览: 97
在 Vue 3 中,你可以使用内置的 `fetch` API 或者第三方库如 `axios` 来进行 AJAX 请求。
使用 `fetch` API:
```javascript
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
```
使用 `axios`:
首先安装 `axios`:
```bash
npm install axios
```
然后在你的代码中引入并使用它:
```javascript
import axios from 'axios'
axios.get('https://jsonplaceholder.typicode.com/todos/1')
.then(response => console.log(response.data))
.catch(error => console.error(error))
```
你也可以使用其他 HTTP 方法如 `post`, `put`, `delete` 等。例如:
```javascript
axios.post('/api/user', {
firstName: 'John',
lastName: 'Doe'
})
.then(response => console.log(response))
.catch(error => console.error(error))
```
阅读全文