I don't see the issue. 1 and 2 yields the same result
Can you give use more details please?

@posva
Slow down transition, click /parent then click /parent/foo, different dom class

1. https://jsfiddle.net/feipigzi/uqotvzft/3/
   

2. https://jsfiddle.net/feipigzi/uqotvzft/
   

ooh, one transition goes to the right instead of the left

I have a similar problem
vue2.1.7
vue-router2.1.1
vuex 2.1.1

app.vue

...
<keep-alive>
   <router-view ></router-view>
</keep-alive>
...

pageA.vue

<container ...>
</container>

component container.vue

  <transition @after-enter="onViewIn(0)" @after-leave="onViewOut(0)" :name="theTransitionName">
    <div class="container" :transition-name="theTransitionName">
      <slot></slot>
    </div>
  </transition>

transition component seems slow down one step when i use keep-alive and put transition component in each route view

this is my spa transition snapshots

1: first load

2: forward

3: back

With vue@2.1.6+ I have also problems with the transitions.

Note: I'm using only Vue

<transition
        enter-active-class="transitionEnter"
        leave-active-class="transitionLeave"
>
    <div v-show="show">
        <slot></slot>
    </div>
</transition>

First I see the empty component and after start the transition,
is like the directive v-show is not working.

I hope this will be fixed in next version :)

My problem remains even though upgrade to 2.1.8, maybe I should provide a demo
#4545 (comment)