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

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

我現(xiàn)在想要生成一個(gè)里面數(shù)據(jù)是動(dòng)態(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是一個(gè)頁(yè)面，現(xiàn)在我有一個(gè)B.vue頁(yè)面，B調(diào)用A組件，并且給他傳入name的值，name的值賦給A的動(dòng)態(tài)組件my-component,問(wèn)題是我怎么樣保證在dom中獲取到了name的值之后才生成my-component這個(gè)組件。