Vor kurzem arbeite ich an einem konfigurierbaren Projekt für die Veranstaltungsseite des Unternehmens, nennen wir es cms
Die Funktion besteht darin, jedes Mal, wenn es eine Werbeveranstaltung wie Double 11 gibt, das entsprechende Modul im Management-Backend zu konfigurieren und schließlich die Seite zu generieren

Die Schnittstelle hat eine ähnliche Struktur

{
    list:[
        {
            type: 1,  //这个模块的type，比如1对应商品组合模块
            cmsId: 1, //这个模块的唯一id
            data: {
                //具体的这个模块的数据
            }
        }
    ],
    code: 200,
    msg: ''
}    

Meine aktuelle Überlegung ist folgende:
Definieren Sie eine gemeinsame Schnittstelle durch ein einfaches Fabrikmuster

var factoryInterface = function(type,data){
    switch(type){
        case 1:
            return new BannerWithBroadcastTpl(data)
            break;
        case 2:
            return new PicDisplayTpl(data)
            break;
    }
}   

BannerWithBroadcastTpl und PicDisplayTpl sind beide definierte Komponenten. Jede Komponente verfügt über eine Erstellungsmethode zum Erstellen der Komponente

for(var i=0,length=data.length;i<length;i++){
    !(function(i){
        factoryInterface(data[i].type,data[i]).create(_this.root)
    })(i)
}