Caso queira aplicar o async
no código do mounted
você pode faze-lo da seguinte forma:
...
async mounted() {
try {
let response = await axios.get('http://localhost:8080/wp-json/api/v1/skills');
this.skills = response;
} catch(e) {
console.error(e);
}
}
...
Funções assíncronas
A declaração async function define uma função assíncrona, que retorna um objeto AsyncFunction.
Você também pode definir funções assíncronas usando uma expressão async function.
Quando uma função assíncrona é chamada, ela retorna uma Promise. Quando a função assíncrona retorna um valor, a Promise
será resolvida com o valor retornado. Quando a função assíncrona lança uma exceção ou algum valor, a Promise
será rejeitada com o valor lançado.
Uma função assíncrona pode conter uma expressão await, que pausa a execução da função assíncrona e espera pela resolução da Promise
passada, e depois retoma a execução da função assíncrona e retorna o valor resolvido.
Exemplo Simples
function resolverDepoisDe2Segundos(x) {
return new Promise(resolve => {
setTimeout(() => {
resolve(x);
}, 2000);
});
}
async function adicionar1(x) {
var a = resolverDepoisDe2Segundos(20);
var b = resolverDepoisDe2Segundos(30);
return x + await a + await b;
}
adicionar1(10).then(v => {
console.log(v); // exibe 60 depois de 2 segundos.
});
async function adicionar2(x) {
var a = await resolverDepoisDe2Segundos(20);
var b = await resolverDepoisDe2Segundos(30);
return x + a + b;
}
adicionar2(10).then(v => {
console.log(v); // exibe 60 depois de 4 segundos.
});
try/catch
? A promise já faz isso por tí. Que parte do código queres proteger contra um erro?skills
certo? Tente colocar umv-if="skills.length"
provavelmente já resolve este problema, sem necessidade de try catch ou timeout. Se quiser poste o código todo que tento mais tarde.