vue3进行get请求,需要的代码
时间: 2024-02-04 14:39:56 浏览: 80
以下是使用Vue3进行GET请求的示例代码:
```javascript
import { ref } from 'vue'
export default {
setup() {
const data = ref(null)
const error = ref(null)
const fetchData = async () => {
try {
const response = await fetch('https://api.example.com/data')
if (!response.ok) {
throw new Error('Network response was not ok')
}
const responseData = await response.json()
data.value = responseData
} catch (err) {
error.value = err.message
}
}
fetchData()
return {
data,
error
}
}
}
```
在上面的示例中,我们使用Vue3的`ref`函数创建了`data`和`error`变量,并在`fetchData`函数中使用`fetch`函数执行GET请求。如果请求成功,我们将响应数据转换为JSON格式并将其分配给`data`变量;否则,我们将错误信息分配给`error`变量。在`setup`函数的最后,我们返回`data`和`error`变量,以便在模板中使用它们。注意,我们在`setup`函数中调用`fetchData`函数以获取数据。
阅读全文