<h3 dir="auto">Version</h3>
<p dir="auto">2.5.17</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/megacromulent/pen/gdMYLx?editors=1010" rel="nofollow">https://codepen.io/megacromulent/pen/gdMYLx?editors=1010</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>Create vue app with items displaying in a list.</li>
<li>Add transition group with <strong>v-for</strong> with format like <strong>v-for="(item, index) in items"</strong></li>
<li>Use "index" from v-for as the <strong>v-bind:key</strong> (like: v-bind:key="<strong>index</strong>" )</li>
<li>Add and remove items from the data.</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The item being removed/added should have the transition applied to it.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The last item in the list gets the transition applied.</p>
<hr>
<p dir="auto">This may be an old bug, as I was hunting for a solution to my problem, I ran into this from May 2017:</p>
<p dir="auto"><a href="https://stackoverflow.com/questions/43598308/vue-js-wrong-transition-group-animation-position" rel="nofollow">https://stackoverflow.com/questions/43598308/vue-js-wrong-transition-group-animation-position</a></p>
<p dir="auto">If this is the intended behavior using index as the key, then can their be at least a warning message in the dev version of Vue.js to explain this? Or perhaps searchable text in the documentation with something like "only last item in list is animating/transition applied" so a solution can be found without thinking there is a bug in Vue.js.</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://cdn.jsdelivr.net/npm/vue@v2.6.10" rel="nofollow">cdn.jsdelivr.net</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Our project cannot be accessed because vue cannot be obtained from <a href="https://cdn.jsdelivr.net/npm/vue@v2.6.10%EF%BC%8CCopying" rel="nofollow">https://cdn.jsdelivr.net/npm/vue@v2.6.10，Copying</a> the link to the browser will report an error</p>
<p dir="auto">google chrome error info：<br>
cdn.jsdelivr.net 通常会使用加密技术来保护您的信息。Google Chrome 此次尝试连接到 cdn.jsdelivr.net 时，此网站发回了异常的错误凭据。这可能是因为有攻击者在试图冒充 cdn.jsdelivr.net，或 Wi-Fi 登录屏幕中断了此次连接。请放心，您的信息仍然是安全的，因为 Google Chrome 尚未进行任何数据交换便停止了连接。</p>
<p dir="auto">您目前无法访问 cdn.jsdelivr.net，因为此网站使用了 HSTS。网络错误和攻击通常是暂时的，因此，此网页稍后可能会恢复正常。</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">can visit</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Not accessible</p>