我可以传入一个模板字符串并动态传入一个属性,以便我可以使其具有反应性吗?在下面的示例中,我希望消息具有反应性,但我不想在数据选项上预定义它。
<div id="vue">
<component :is="string && {template:string}"/>
</div>
new Vue({
el:'#vue',
data(){
return {
string:undefined,
}
},
created(){
//setTimeout to simulate ajax call
setTimeout(()=> this.string = '<div><h1 v-for="n in 1">Hello! </h1><input v-model="message" placeholder="edit me"><p>Message is: {{ message }}</p> </div>', 1000)
}
})
Run Code Online (Sandbox Code Playgroud)