How to ignore template tag?

What problem does this feature solve?

Is there the ability to ignore template tag? Example: I use standard vue component that contains own template and other logic. But in the same time on the page other template tag exists and vue tries to parse it… How to avoid it?

<div id="app">
    <template class="bla-bla">
        <div><h1></h1></div>
    </template>
    <my-component></my-component>
</div>

What does the proposed API look like?

<template v-ignore>...</template>

[stephantabor]

Here’s my use case which lead me to this issue

I’m using a web component in vue, since it’s allegedly compatible with web components

I have a template like this

<custom-element-table>
  <template>
    <thead>
      <!-- table head stuff-->
    </thead>
    <tbody>
      <!-- table body stuff-->
    </tbody>
  </template>
</custom-element-table>

from which i would expect DOM like this:

<custom-element-table>
  #shadow-root
  <template> <!-- in slot -->
    #document-fragment
      <thead>
        <!-- table head stuff-->
      </thead>
      <tbody>
        <!-- table body stuff-->
      </tbody>
  </template>
</custom-element-table>

but i get DOM like this, and a non functioning webcomponent:

<custom-element-table>
  #shadow-root
  <thead> <!-- in slot -->
    <!-- table head stuff-->
  </thead>
  <tbody>
    <!-- table body stuff-->
  </tbody>
</custom-element-table>

using v-pre on my custom element will render the template element as expected, but then i can’t use any directives, so that is not a usable approach

IMO, for the same reason I can’t make a vue component or custom element called div, Vue shouldn’t be using a standard html tag (<template>) like this and then not allowing a way to bail out of that.

[ukaaa]

@stephantabor Too bad. I might look at creating my own template-like element or something. But it will never have the true benefits of a <template>, so I guess I could just make it any other element.