add auto refresh

src/App.vue

 <template>
   <div id="app">
-    <router-view :key="key"></router-view>
+    <router-view></router-view>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'app',
-  computed: {
-    key() {
-        return this.$route.name !== undefined? this.$route.name + +new Date(): this.$route + +new Date()
-    }
- }
+  name: 'app'
 }
 </script>
 

src/views/layout/components/AppMain.vue

 <template>
   <section class="app-main">
     <transition name="fade" mode="out-in">
-      <!-- <router-view :key="key"></router-view> -->
-      <router-view></router-view>
+      <router-view :key="key"></router-view>
     </transition>
   </section>
 </template>
 export default {
   name: 'AppMain',
   computed: {
-    // key() {
-    //   return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
-    // }
+    key() {
+      return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
+    }
   }
 }
 </script>