<h3 dir="auto">Version</h3>
<p dir="auto">2.5.17-beta.0</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/m7q5pmyy1x" rel="nofollow">https://codesandbox.io/s/m7q5pmyy1x</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>click <code class="notranslate">show one by one</code> button three times</li>
<li>click <code class="notranslate">Switch a &amp; b</code></li>
<li>click <code class="notranslate">show one by one</code> button</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Show <code class="notranslate">b</code> first</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Show <code class="notranslate">b2</code> first</p>
<p dir="auto">here example: <a href="https://jsfiddle.net/alekzonder/1zcLkuwq/" rel="nofollow">https://jsfiddle.net/alekzonder/1zcLkuwq/</a><br>
vue.js 2.1.10</p>
<p dir="auto">steps in example:</p>
<ol dir="auto">
<li>press "unshift new" button</li>
<li>then press "set bold" with 0 index in input</li>
</ol>
<p dir="auto">problem: item with index 1 is bold after Array.unshift in data</p>
<p dir="auto">if remove <code class="notranslate">:key=item.id</code> in template with v-for, all works right</p>
<p dir="auto">bug or feature?</p>