Wie lade ich eine Komponente aus einem Variablennamen in Vue.js?

Question

Ich möchte eine Komponente aus einem dynamischen Variablennamen in meiner vue.js-Anwendung laden.

Ich habe die folgende Komponente registriert:

<template id="goal"> 
    <h1>Goal:{{data.text}}</h1> 
</template> 

Statt Laden wie es diese

<goal></goal> 

Ich möchte von einem Variablennamen laden, so etwas wie dieses:

<{{mytemplate.type}}></{{mytemplate.type}}> 

Wo natürlich mytemplate.type wäre, in diesem Fall gleich "goal"

Answer 1

Verwenden Sie ein dynamic component wie folgt aus:

<component :is="myTemplate.type"></component>