title: VueJS: Render dynamic template for component
body: <p>I have a component on my parent page like so:</p>
  
  <p><strong>Detail.vue</strong></p>
  
  <p>Template:</p>
  
  <pre><code>&lt;feature-list :description="description"&gt;&lt;/feature-list&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>axios.get(`my/end/point`)
  .then(res =&gt; {
    this.description = res.data.product.description
   })
   .catch(function (error) {
     console.log('error', error)
   })
  </code></pre>
  
  <p>Features.vue</p>
  
  <p>Template:</p>
  
  <pre><code>&lt;component :is="subcomponent" :height="overallHeight" :width="overallWidth" :length="overallLength"&gt;&lt;/component&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>components: {
    subcomponent: {
      props: ['overallHeight', 'overallWidth', 'overallLength'],
      /* template: this.description */
    }
  }
  </code></pre>
  
  <p>Expected return value from <code>this.description</code>:</p>
  
  <pre><code>  &lt;el-row :gutter="30"&gt;
        &lt;el-col :sm="24"&gt;
          &lt;ul class="dimensions d-flex"&gt;
            &lt;li class="dimension"&gt;
              &lt;img src="/length.jpg" alt=""&gt;
              &lt;h4 class="title"&gt;Length&lt;/h4&gt;
              &lt;p class="base-copy"&gt;{{length}}&lt;/p&gt;
            &lt;/li&gt;
            &lt;li class="dimension"&gt;
              &lt;img src="/height.jpg" alt=""&gt;
              &lt;h4 class="title"&gt;Height&lt;/h4&gt;
              &lt;p class="base-copy"&gt;{{height}}&lt;/p&gt;
            &lt;/li&gt;
            &lt;li class="dimension"&gt;
              &lt;img src="/width.jpg" alt=""&gt;
              &lt;h4 class="title"&gt;Width&lt;/h4&gt;
              &lt;p class="base-copy"&gt;{{width}}&lt;/p&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/el-col&gt;
      &lt;/el-row&gt;
  </code></pre>
  
  <p>How can I send the template to the component? and render the values (lenth, width and height)</p>
  
  <p>Something like <a href="https://jsfiddle.net/50wL7mdz/334318/" rel="nofollow noreferrer">this</a>, only difference being, the template comes from an ajax call.</p>