在 Vue 中使用
await
关键字,你需要在组件的方法中使用
async
函数。
async
函数允许你在函数内部使用
await
来等待一个
Promise
的解决。以下是如何在 Vue 组件中使用
await
的一个示例:
加载中…
{{ data }}
在这个示例中:
data
函数返回一个对象,包含
loading
和
data
两个属性。
methods
包含一个
async
函数
fetchData
,它使用
await
来等待
fetchDataFromAPI
函数的
Promise
解决。
fetchDataFromAPI
是一个模拟异步请求的函数,它返回一个
Promise
。
在
mounted
钩子中调用
fetchData
方法,这样当组件挂载完成后,就会自动发起数据请求。
请注意,
await
只能在
async
函数内部使用。如果你在组件的生命周期钩子中使用
await
,确保它在一个
async
函数内部。