页面后退，状态复原

src/App.vue

 <template>
 	<div>
 		<transition name="router-fade" mode="out-in">
-    		<router-view></router-view>
+			<keep-alive>
+			    <router-view v-if="$route.meta.keepAlive"></router-view>
+			</keep-alive>
     	</transition>
+    	<transition name="router-fade" mode="out-in">
+			<router-view v-if="!$route.meta.keepAlive"></router-view>
+		</transition>
     </div>
 </template>
 

src/main.js

@@ -16,7 +16,17 @@ Vue.use(VueRouter)
 const router = new VueRouter({
 	routes,
 	mode: routerMode,
-	strict: process.env.NODE_ENV !== 'production'
+	strict: process.env.NODE_ENV !== 'production',
+	scrollBehavior (to, from, savedPosition) {
+	    if (savedPosition) {
+		    return savedPosition
+		} else {
+			if (from.meta.keepAlive) {
+				from.meta.savedPosition = document.body.scrollTop;
+			}
+		    return { x: 0, y: to.meta.savedPosition ||0}
+		}
+	}
 })
 
 

src/router/router.js

@@ -72,6 +72,7 @@ export default [{
         {
             path: '/msite',
             component: msite,
+            meta: { keepAlive: true },
         },
         //特色商铺列表页
         {