Vue.jsの変数名からコンポーネントをロードするには？

Question

私のvue.jsアプリケーションの動的変数名からコンポーネントをロードしたい。

私が登録し、次のコンポーネントがあります。

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

代わりに、私は変数名からロードするこの

<goal></goal> 

ようにそれをロードする、このような何か：

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

を

もちろん、mytemplate.typeは "goal"に等しいでしょう。

Answer 1

使用このようなdynamic component：

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