@vue-composition / How can I use asynchronous methods in setup()
The setup
function must be synchronous can be async
using Suspense.
How to avoid using async setup (obsolete answer)
An onMounted
hook can be used with an async
callback:
import { onMounted } from "@vue/composition-api";// …export default createComponent({ setup(props, context) { onMounted(async () => { await SplashPage.init(2000, context.root.$router, "plan", "login"); )}; }});
Or, it is always possible to call an asynchronous function without to await it:
SplashPage.init(2000, context.root.$router, "plan", "login") .catch(console.log);
In both cases, you'll have to take into account that the component will be rendered before the execution of the asynchronous function. A simple way to not display something that would depends on it is to use v-if
in your template.