<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/Twinpix/sfjhLcxw/" rel="nofollow">https://jsfiddle.net/Twinpix/sfjhLcxw/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Click on showA or showB button to see which transition hooks is fired</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">When clicking on showA or showB button, appear hooks should be fired first on the first time the component is loaded</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">On transition, enter hooks are the only ones fired</p>
<hr>
<p dir="auto">I need this feature because for my projects I need a different animation/transition when a component is first loaded. I'm using vue-router to load component so I put the issue for vue-router, but now I realized it-s more a vue issue. thanks for help.</p>
<h3 dir="auto">Version</h3>
<p dir="auto">3.0.1</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/Twinpix/hgs7w26f/2/" rel="nofollow">https://jsfiddle.net/Twinpix/hgs7w26f/2/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">When changing to route A or Route B, Router should fire appear hook of Component on the first time and but enter hook is fired instead.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">I want to get a different transition/animation on the first load of components by vue-router, so I want to use appear hooks for this purpose.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">But it seems that appear hook can only fired on the first component that is loaded in , even if appear hooks are defined at component level and not around  .</p>