Vue async mounted() when to use?

Question

Vue.js

https://stackoverflow.com/questions/53513538/is-as...

In the answer from the stack, it is clear that the component will be rendered without data, which can cause errors, but there are no projectors in the example guide .

So when and how to properly use async for lifecycle hooks?

Answer 1

When? When you want to.
An async function is simply a function that returns a Promise. No more.
Hooks in Vue do not use the return value in any way.
Specifically, in the example, the component starts with an array as data and only after a while loads the values.
Result? The component does not display anything for a while.
If that suits you, it's ok. You can also draw a twist while it loads.