fix: Handle kept-alive components & vue-router transitions

examples/vue-router/app.js

@@ -46,7 +46,9 @@ const App = {
       <h1>vue-router</h1>
       <router-link to="/">Home</router-link>
       <router-link to="/about">About</router-link>
-      <router-view></router-view>
+      <transition name="page" mode="out-in">
+        <router-view></router-view>
+      </transition>
       <p>Inspect Element to see the meta info</p>
     </div>
   `

examples/vue-router/index.html

@@ -3,3 +3,11 @@
 <a href="/">&larr; Examples index</a>
 <div id="app"></div>
 <script src="/__build__/vue-router.js"></script>
+<style>
+.page-enter-active, .page-leave-active {
+  transition: opacity .5s
+}
+.page-enter, .page-leave-to {
+  opacity: 0
+}
+</style>