<h3 dir="auto">Version</h3>
<p dir="auto">2.5.13</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/1m5vx6dc/1/" rel="nofollow">https://jsfiddle.net/1m5vx6dc/1/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Say we have an array <code class="notranslate">list</code> <code class="notranslate">['a', 'b', 'c', 'd', 'e', 'f', 'g', ...]</code> and a computed property <code class="notranslate">filtered</code> that extracts 4 items from that list based on a start <code class="notranslate">index</code>. Then we run a <code class="notranslate">v-for</code> on the <code class="notranslate">filtered</code> computed list and increase / decrease the <code class="notranslate">index</code>. We use the item value as the <code class="notranslate">:key</code>.  If we inspect the resulting DOM in chrome, we can see that if the filtered list is moved to the right (index increased), all DOM nodes are replaced. If the index is moved to the left, only the first node is replaced.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">I would expect that increasing or decreasing the index would yield the same DOM patch, either re-creating only the first or the last node in the list.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Increasing the index causes a full DOM refresh, decreasing the index yields the expected behaviour.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/2785983/35117214-3ae74d44-fc8e-11e7-9cbf-fb8007175cf5.gif"><img src="https://user-images.githubusercontent.com/2785983/35117214-3ae74d44-fc8e-11e7-9cbf-fb8007175cf5.gif" alt="vdom" data-animated-image="" style="max-width: 100%;"></a></p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.5.2</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/mzvkppmvo8" rel="nofollow">https://codesandbox.io/s/mzvkppmvo8</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>I created component with scoped slot (AppSwitcher.vue)</li>
<li>Then I use it in another component with their own slot (HelloWorld.vue with slot "subtext")</li>
<li>Add some element to slot (div in App.vue)</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">It should work without errors</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Changes in AppSwitcher.vue caus "Duplicate presence of slot "subtext" found in the same render tree" error but there are no duplicates.</p>
<hr>
<p dir="auto">Also, adding <code class="notranslate">slot-scope</code> to div in App.vue solves problem and no error there, but why it happens without <code class="notranslate">slot-scope</code>?</p>