<h3 dir="auto">Version</h3>
<p dir="auto">2.6.11</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/n8bkg4pw/" rel="nofollow">https://jsfiddle.net/n8bkg4pw/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">When clicking on the <code class="notranslate">inc</code> button, the displays of <code class="notranslate">nb_foo.value</code> will change of value but one out of the three won't change of value because of the bug.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">All of the display of <code class="notranslate">nb_foo.value</code> to change of value</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">One out of the three display of <code class="notranslate">nb_foo.value</code> won't change of value because of the bug.</p>
<hr>
<p dir="auto">It's only happening when in a <code class="notranslate">v-else</code> itself in the slot of the <code class="notranslate">fake</code> component. When inverting the condition (putting the second <code class="notranslate">fake</code> in a <code class="notranslate">v-if</code> instead of a <code class="notranslate">v-else</code>) it's properly working.</p>
<p dir="auto">I encountered this error with a much more complex example with two components nested in a similar way.</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.11</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/mesqueeb/pen/eYZGode" rel="nofollow">https://codepen.io/mesqueeb/pen/eYZGode</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<div class="highlight highlight-text-html-vue notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;h6&gt;works with v-model&lt;/h6&gt;
&lt;input v-model=&quot;message&quot; /&gt;

&lt;h6&gt;does not work with v-model&lt;/h6&gt;
&lt;component :is=&quot;'input'&quot; v-model=&quot;message&quot; /&gt;"><pre class="notranslate">&lt;<span class="pl-ent">h6</span>&gt;works with v-model&lt;/<span class="pl-ent">h6</span>&gt;
&lt;<span class="pl-ent">input</span> <span class="pl-e">v-model</span>=<span class="pl-s1"><span class="pl-pds">"</span>message<span class="pl-pds">"</span></span> /&gt;

&lt;<span class="pl-ent">h6</span>&gt;does not work with v-model&lt;/<span class="pl-ent">h6</span>&gt;
&lt;<span class="pl-ent">component</span> :<span class="pl-e">is</span>=<span class="pl-s1"><span class="pl-pds">"</span><span class="pl-s"><span class="pl-pds">'</span>input<span class="pl-pds">'</span></span><span class="pl-pds">"</span></span> <span class="pl-e">v-model</span>=<span class="pl-s1"><span class="pl-pds">"</span>message<span class="pl-pds">"</span></span> /&gt;</pre></div>
<h3 dir="auto">What is expected?</h3>
<ul dir="auto">
<li><code class="notranslate">&lt;component :is="'input'" /&gt;</code></li>
</ul>
<p dir="auto">should give the same result as</p>
<ul dir="auto">
<li><code class="notranslate">&lt;input /&gt;</code> and it does.</li>
</ul>
<p dir="auto">They render the same, they also each emit the same events you can capture with <code class="notranslate">@input</code>.</p>
<p dir="auto">Yet somehow, the one with <code class="notranslate">component is="input"</code> does not work with v-model.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">the one with <code class="notranslate">component is="input"</code> does not work with v-model.</p>