vue 动态渲染组件

<template>
      <div>
            <!--  div标签不会渲染 -->
            <div :is="arr[0]"></div>
            <!-- 动态组件，推荐使用  component 标签  -->
            <component  :is="arr[0]"/>
      </div>
</template>
<script>
import   son   from  '../Son.vue'
import   son2    from     '../Son2.vue'
export default {
    components:{ son,son2 },
    data(){
       return {
           arr:['son','son2']
        }
    }
}
</script>