Vue.component生成動態(tài)組件怎樣在頁面初始化之前完成？

官方給的生成組件方法如下：

Vue.component('my-component',{  
  template:'<div class="tem1">hello world</div>'  
}

我現(xiàn)在想要生成一個里面數(shù)據(jù)是動態(tài)的組件，如：

A.vue

<template>
  <my-component :tagName="name" ></my-component>
</template>
<script>
Vue.component('my-component', {
  template: '<el-tag >{{tagName}}</el-tag>',
  props: {
    tagName: String
  }
})
export default{
  data () {
    return {
    }
  },
  props: {
    name: String
  }
}
</script>

A.vue是一個頁面，現(xiàn)在我有一個B.vue頁面，B調(diào)用A組件，并且給他傳入name的值，name的值賦給A的動態(tài)組件my-component,問題是我怎么樣保證在dom中獲取到了name的值之后才生成my-component這個組件。