如何在vue页面中加载一个动态模板

Question

通过接口可获取一个模板代码, 加如是这样

<div>
   <h3>{{$data.title}}</h3>
   <p>{{$data.content}}</p>
</div>

现在想把这段模板代码插入到我的vue页面中，而且变量title，content 能正常取到值

<template>
  <div>
     <!-- 模板代码 -->
  </div>
</template>
export default {
    data () {
      return {
        title: '标题',
        content:'就是玩儿'
      }
    },
}

Answer 1

使用Slot
https://cn.vuejs.org/v2/guide...

Answer 2

就简单的方法就是使用jsx,现在vue-cli已经官方支持，如果不想用的话，可以手写渲染函数，
或者像这种使用动态子组件，不过要安装runtime的template compiler
https://segmentfault.com/q/10...