Почему не работает async/await в Vue?

Question

[LS Timer]

<button @click="test">Test</button>

test: async function () {
    await setTimeout(function () {
        console.log("pause");
    }, 2000);
    console.log("end");
},

Почему первой в консоль выходит "end" потом "pause".
В Vue компонентах все работает без проблем

доп. использую Vuex

Comments

[numfin]

Fullstack middle developer ахахахахахахсхсх

[LS Timer]

numfin, придется пойти на понижение ☺

Answer 1

[Ilya]

И не должно работать. Await ожидает промис, но setTimeout его не возвращает

Answer 2

[Влад Хеллсайт]

const delay = delayed => (
	new Promise(resolve => setTimeout(resolve, delayed))
);

test: async function () {
    console.log("pause");
    await delay(2000);
    console.log("end");
},

Answer 3

[Андрей]

async/await под капотом работают с промисами, а setTimeout не возвращает промис, а вместо этого вызывает коллбек-функцию.
Странно что в Vue компонентах не так.

Comments

[Алексей Ярков]

Странно что в Vue компонентах не так.

Что не так в компонентах? Все работает как вы и написали.

[Андрей]

Алексей Ярков, автор написал: "В Vue компонентах все работает без проблем"

[Алексей Ярков]

Андрей, сорян, был невнимателен ))

[LS Timer]

Андрей, Спасибо, думал работает с любым асинхронным кодом