title: How to handle when VueJS computed properties return HTML code?
body: <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>