Detaillierte Erklärung der dynamischen Komponenten von vue.js

:ist eine dynamische Komponente

Verwenden Sie v-bind:is="Komponentenname", um automatisch einen passenden Komponentennamen zu finden. Wenn kein passender Komponentenname vorhanden ist, wird er nicht angezeigt.

<div id="app">
    <test v-bind:is="welches_angezeigt_werden_soll"></test>
</div>

<Skript>
    var demo = neuer Vue({
        el: "#app",
        Daten: {
            which_to_show: "zuerst"
        },
        Komponenten:
            Erste: {
                Vorlage: "<div>Hier ist zuerst die Unterkomponente</div>"
            },
            zweite: {
                Vorlage: "<div>Hier ist die zweite Unterkomponente</div>"
            },
            dritte: {
                Vorlage: "<div>Hier ist die Unterkomponente dritter</div>"
            }
        }
    });
</Skript>

Indem Sie den Wert von which_to_show ändern, können Sie die Komponente, die Sie laden und rendern möchten, dynamisch ändern, und zwar wie folgt:

Dies ist das Ende dieses Artikels mit der detaillierten Erklärung der dynamischen Komponenten von vue.js. Weitere relevante Inhalte zu dynamischen Komponenten von vue.js finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!