title: Vue html comment handling
body: <p>I'm using Vue to produce some html template, I need to include the html conditional comments as per code below.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var productTemplate = new Vue({
      el: '#myApp'
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://unpkg.com/vue@2.5.8/dist/vue.js"&gt;&lt;/script&gt;
  
  &lt;div id="myApp"&gt;
      &lt;div class="some-content"&gt;
          This is some content
      &lt;/div&gt;
  
      &lt;!--[if mso]&gt;
        &lt;div&gt;
            this div will only be shown if the condition in the comment is true, in this case the condition is:
            if ( mso (microsoft office) == the html rendering engine) {
              show the html code between the [if mso] and the [endif]
            }
        &lt;/div&gt;
      &lt;![endif]--&gt;
  
      &lt;div class="some-other-content"&gt;
          This is some content
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But when I open my html page in the browser the html code between the conditional comment is completely removed even though I actually need it to be there.</p>
  
  <p>How can I make Vue include these comments in the template's view?</p>