Vue DOMContentLoaded: usar vue como si fuera el DOMContentLoaded de JavaScript

vue-domcontentloaded.vue

<template>
  <div>{{ asyncText }}</div>
</template>

<script>
export default {
  data: () => ({
    asyncText: 'Mi componente'
  }),
  // Usamos el mounted como punto de inicio
  mounted() {
    // Docu oficial v2: https://vuejs.org/v2/api/#Vue-nextTick
    /*
    * nextTick espera a la siguiente actualizacion del DOM
    * esta actaulziacion suele darse porque alun dato asincrono
    * como una variable del store se ha actualizado
    */
    this.$nextTick().then(() => {
      this.main()
    })
  },
  methods: {
    main() {
      this.asyncText = 'Hola! soy tu componente'
    }
  }
}
</script>