<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/xiaohai/pen/zgKwyZ?editors=1010" rel="nofollow">https://codepen.io/xiaohai/pen/zgKwyZ?editors=1010</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>点击二级路由A</li>
<li>点击一级路由</li>
<li>点击二级路由B<br>
此时加载的组件却是 二级路由A</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">修复这个问题</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">使用 transition 与 keep-alive 时, transition 的 mode 设置为 out-in, 会导致路由组件加载错误</p>
<h3 dir="auto">Vue.js / vue-router versions</h3>
<p dir="auto">Vue.js 2.2.2<br>
vue-router 2.3.0</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto"><a href="https://jsfiddle.net/2tdjec9q/" rel="nofollow">https://jsfiddle.net/2tdjec9q/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">step1: click <code class="notranslate">to /b</code> you will see <code class="notranslate">this is B</code><br>
step2: click <code class="notranslate">to /c</code> you will see <code class="notranslate">this is C</code><br>
step3: click <code class="notranslate">to /</code>  you will see <code class="notranslate">this is B</code> not  <code class="notranslate">this is A</code></p>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">at step3 i need <code class="notranslate">this is A</code> not <code class="notranslate">this is B</code></p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">at step3 i need <code class="notranslate">this is A</code></p>
<p dir="auto">if not use <code class="notranslate">mode="out-in"</code> this will run success</p>