title: Evaluate HTML injected with v-html
body: <p>How would one go about injecting raw HTML with Vue when that HTML contains Vue markup that needs to be evaluated?</p>
  
  <p>For example, this could be used to render HTML when it comes from a variable:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p v-html="markup"&gt;&lt;/p&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>{
      computed: {
          markup() {
              return 'Hello &lt;em&gt;World&lt;/em&gt;!';
          },
      },
  }
  </code></pre>
  
  <p>This will work nicely, but what if the <code>markup</code> computed property also included a custom Vue component?</p>
  
  <pre><code>return 'Hello &lt;em&gt;World&lt;/em&gt;! My name is &lt;my-name&gt;&lt;/my-name&gt;!';
  </code></pre>
  
  <p>In this case <code>&lt;my-name&gt;&lt;/my-name&gt;</code> will not be evaluated unfortunately and just rendered as-is.</p>
  
  <p>How do I go about having it "Vue-fied" and also how does scope work in that case?</p>