<h3 dir="auto">Version</h3>
<p dir="auto">2.5.2</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/50wL7mdz/584489/" rel="nofollow">https://jsfiddle.net/50wL7mdz/584489/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Run the JSfiddle, if the v-for :key is index, when you delete one item from the array it will animate the last item, if you change to :key error, it will work properly but give an Vue warn: Avoid using non-primitive value as key, use string/number value instead.<br>
Vue Warn: Duplicate keys detected: '[object Object]'. This may cause an update error.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Expected to animate the item that is being removed like using error.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">animating only the last item of the loop when using index.</p>
<hr>
<p dir="auto">Trying to create one alert notification component.</p>
<p dir="auto">Hello!<br>
Can't say for sure what's going on, but I've got the problem.<br>
In 0.12.7 everything is ok, but in 0.12.8 my app started to lag a lot and now I've got warnings like<br>
<code class="notranslate">You may have an infinite update loop for the watcher with expression "offersList"</code></p>
<p dir="auto">The code I've got most warnings for looks like this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div
    v-if=&quot;isOffersPresent&quot;
    v-component=&quot;{{offersView}}&quot;
    offers-list=&quot;{{offers.result}}&quot;
&gt;&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div
    v-if="isOffersPresent"
    v-component="{{offersView}}"
    offers-list="{{offers.result}}"
&gt;&lt;/div&gt;
</code></pre></div>
<p dir="auto">So it's a dynamic component with dynamic props and <code class="notranslate">replace: false</code></p>
<p dir="auto">Any hints?</p>