title: vue.js DOM Template Parsing Caveats
body: <p>Vue docs <a href="https://v2.vuejs.org/v2/guide/components.html#DOM-Template-Parsing-Caveats" rel="nofollow noreferrer">DOM Template Parsing Caveats</a> says:</p>
  <blockquote>
  <p>It should be noted that <strong>this limitation does <em>not</em> apply if you are using string templates from one of the following sources:</strong></p>
  <ul>
  <li>String templates (e.g. <code>template: '...'</code>)</li>
  </ul>
  </blockquote>
  <p><a href="https://v2.vuejs.org/v2/guide/list.html#v-for-with-a-Component" rel="nofollow noreferrer"><code>v-for</code> with a Component</a> says</p>
  <blockquote>
  <p>Note the <code>is=&quot;todo-item&quot;</code> attribute. This is necessary in DOM templates […]</p>
  </blockquote>
  <p>But is not this a &quot;string template&quot;?</p>
  <pre class="lang-js prettyprint-override"><code>Vue.component('todo-item', {
    template: '\
      &lt;li&gt;\
        {{ title }}\
        &lt;button v-on:click=&quot;$emit(\'remove\')&quot;&gt;Remove&lt;/button&gt;\
      &lt;/li&gt;\
    ',
    props: ['title']
  })
  </code></pre>