How to handle when VueJS computed properties return HTML code? : <p>I use <code>VueJS 2</code> to render and calculate form items. Now I need to show a number if a propertie is under 10, and I need show a text message if the propertie is over or equal 10.</p>

<p>I use this code:</p>

<pre><code>Vue.component('mycomponent', {
    template: '#mytemp',
    data: function() {
        // ...
    },
    computed: {
         mycomputedprop: function() {
             if (this.model_a &lt; 10) {
                 return '&lt;span class="numbervalue"&gt;' + this.model_a + '€&lt;/span&gt;';
             } else {
                 return '&lt;span class="textvalue"&gt;I\'ll contact you as soon as possible!&lt;/span&gt;';
             }
         }
    }
});
</code></pre>

<p>I use this code to show the value:</p>

<pre><code>&lt;div id="app"&gt;
    {{ mycomputedprop }}
&lt;/div&gt;
</code></pre>

<p>The problem is: if I show this value it shows the HTML code as text, not as HTML. How can I show the returned value as a HTML code?</p>
