From 59073fb013cfc1a83a1282191293b3df6f2497df Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Wed, 25 Oct 2017 09:54:06 +0800
Subject: [PATCH] refactor: add keep-alive

---
 src/views/example/table/index.vue       |  4 +++-
 src/views/layout/components/AppMain.vue | 19 ++++++++-----------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/views/example/table/index.vue b/src/views/example/table/index.vue
index a44ab87b..8507f2b8 100644
--- a/src/views/example/table/index.vue
+++ b/src/views/example/table/index.vue
@@ -1,3 +1,5 @@
 <template>
-  <router-view></router-view>
+  <keep-alive>
+    <router-view></router-view>
+  </keep-alive>
 </template>
diff --git a/src/views/layout/components/AppMain.vue b/src/views/layout/components/AppMain.vue
index a6de1e6f..b0524d76 100644
--- a/src/views/layout/components/AppMain.vue
+++ b/src/views/layout/components/AppMain.vue
@@ -1,18 +1,15 @@
 <template>
-	<section class="app-main" style="min-height: 100%">
-		<transition name="fade" mode="out-in">
-			<router-view :key="key"></router-view>
-		</transition>
-	</section>
+  <section class="app-main" style="min-height: 100%">
+    <transition name="fade" mode="out-in">
+      <keep-alive>
+        <router-view></router-view>
+      </keep-alive>
+    </transition>
+  </section>
 </template>
 
 <script>
 export default {
-  name: 'AppMain',
-  computed: {
-    key() {
-      return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
-    }
-  }
+  name: 'AppMain'
 }
 </script>