Difference of preFetch methods in SPA?

Question

Vue.js

You can shove mounted, beforeMounted, created hooks into data loading, because rendering is still conditional

<template>
    <v-row class=" pt-5 justify-center "
           v-if="this.user.team"
    >

Material from the docks

So, where is the best place to do data prefetch in SPA / PWA?

Better for the end user, performance and rendering optimization.