<component :is="你的組件名"></component>

這個是我的解決方案
不知道是不是比較通用或者正確的解決方案, 用render函數(shù)去判斷要渲染哪個標(biāo)簽

//run.vue
// homeComponents 是異步組件列表.
    import homeComponents from '@/assets/js/homeComponents';

    export default {
        render: function(cElement, context) {
            return cElement(homeComponents[this.temp.type], {
                props: {
                    temp: this.temp,// 組件數(shù)據(jù)
                }
            })
        },
        props: {
            temp: {
                type: Object,
                required: true,
                default: {}
            },
        }

// home.vue
// 只要注冊這個 run 組件, 然后傳入 temp , 根據(jù)temp.type, 去渲染相應(yīng)的 component
// 這樣你只要在頁面上寫一個run組件, 傳入 type, 就會異步加載你需要的組件
<template>
    <run v-for="node in element" :temp="node" :key="node.fieldId" />
</template>

其實就是實現(xiàn)了官網(wǎng)里的 component 標(biāo)簽的功能. 感覺這樣更靈活吧

也可以這樣，先引入組件，用v-if，顯示滿足條件的組件，當(dāng)然如果組件多的話，會麻煩些

同一個模板的話，直接改變參數(shù)就行了。不同模板的話，不可能有成千上萬個，你說的因該叫路由了

提供一種方法或者思路

1.首先用template或者script標(biāo)簽封裝模板

<template id="com1">
    <div>組件1</div>
</template>
<template id="com2">
    <div>組件2</div>
</template>

2.構(gòu)建組件

var com1 = Vue.extend({
    template:'#com1'
});
var com2 = Vue.extend({
    template:'#com2'
});

3.注冊組件

components:{com1,com2}

4.根據(jù)數(shù)據(jù)創(chuàng)建一個組件列表

/*請求數(shù)據(jù)回調(diào)函數(shù)*/
var _this = this
function(res){
    if(res.id == 1){
        _this.comList.push('com1')
    }
    if(res.id == 2){
         _this.comList.push('com2')
    }
}

5.動態(tài)引入組件

<div v-for="d in comList">
    <component :is="d"></component>
</div>