vue2 异步执行函数
在Vue2中,可以使用async/await或Promise来执行异步函数。
- 使用
async/await:
async someAsyncFunction() {
try {
const result = await axios.get('https://api.example.com/data');
console.log(result.data);
} catch (error) {
console.error(error);
}
}
在上面的代码中,someAsyncFunction是一个异步函数,在其中使用await关键字来等待axios.get返回的Promise对象执行完成。一旦Promise对象状态变为resolved,await语句将返回Promise对象的结果。
- 使用
Promise:
someAsyncFunction() {
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
}
在上面的代码中,axios.get返回一个Promise对象,使用.then方法来处理异步执行成功的情况,使用.catch方法来处理异步执行失败的情况。
无论是使用async/await还是Promise,都可以在Vue组件的生命周期钩子函数,或者在方法中执行异步函数
原文地址: https://www.cveoy.top/t/topic/iD4S 著作权归作者所有。请勿转载和采集!