<h3 dir="auto">Version</h3>
<p dir="auto">2.5.7</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/3s9sem0m/" rel="nofollow">https://jsfiddle.net/3s9sem0m/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">I am using laravel-admin.org and I have incorporated vuejs into that system. The problem is that there are some functionalities that use the tag template, to then duplicate it using jquery, and vuejs are rendering those tags (even if you add the v-pre directive) and breaking all that functionality.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The directive v-pre should prevent render the tag template</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The tag template is rendered and disappears, preventing the later use of the js script and breaking all the functionality</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Suppose we have a component:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="export default {
    data(){
        return { foo: null}
    }
    async serverPrefetch(){
        this.foo = 'serverPrefetch'
    },
    created(){
        this.foo = 'created'
    },
}"><pre class="notranslate"><span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-kos">{</span>
    <span class="pl-en">data</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">{</span>
        <span class="pl-k">return</span> <span class="pl-kos">{</span> <span class="pl-c1">foo</span>: <span class="pl-c1">null</span><span class="pl-kos">}</span>
    <span class="pl-kos">}</span>
    <span class="pl-k">async</span> <span class="pl-en">serverPrefetch</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">{</span>
        <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">foo</span> <span class="pl-c1">=</span> <span class="pl-s">'serverPrefetch'</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-en">created</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">{</span>
        <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">foo</span> <span class="pl-c1">=</span> <span class="pl-s">'created'</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><code class="notranslate">foo</code> is initially null, then <code class="notranslate">created()</code> updates it to <code class="notranslate">created</code> and this reflects in the html interpolitatiion, but when serverPrefetch() updates <code class="notranslate">this.foo</code> it is not reflected on the rendered html, despite being called afterwards.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">serverPrefetch() should reflect rendered and updated data variables when rendered on SSR</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">serverPrefetch() doesn't update the rendered view with new data after being called</p>