Is `async/await` available in Vue.js `mounted`?

It will work because the mounted hook gets called after the component was already mounted, in other words it won’t wait for the promises to solve before rendering. The only thing is that you will have an “empty” component until the promises solve.

If what you need is the component to not be rendered until data is ready, you’ll need a flag in your data that works along with a v-if to render the component when everything is ready:

// in your template
<div v-if="dataReady">
    // your html code
</div>


// inside your script 
data () {
    return {
        dataReady: false,
        // other data
    }
},

async mounted() {
    await fetchData1();
    await fetchData2UsingData1();
    doSomethingUsingData1And2();
    this.dataReady = true;
},

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)