fix

src/App.vue

@@ -1,8 +1,8 @@
 <template>
   <div id="app">
     <div id="nav">
-      <router-link to="/?id=3">Home</router-link> |
-      <router-link to="/about?id=1">About</router-link>
+      <router-link to="/">Home</router-link> |
+      <router-link to="/">About</router-link>
     </div>
     <router-view/>
   </div>

src/router/index.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import Home from '../views/Home.vue'
+import store from '@/store'
 
 Vue.use(Router)
 
@@ -30,7 +31,13 @@ const myRouter = new Router({
   routes
 })
 
+const history = window.sessionStorage
+history.clear()
+let historyCount = history.getItem('count') * 1 || 0
+history.setItem('/', 0)
+
 myRouter.beforeEach((to, from, next) => {
+  console.log(to.params, 'to.params')
   if (to.params.direction) {
     store.commit('updateDirection', to.params.direction)
   } else {

src/store/index.js

@@ -7,7 +7,8 @@ Vue.use(Vuex)
 export default new Vuex.Store({
   state: {
     msg: 'hello vuex',
-    loading: false
+    loading: false,
+    direction: 'forward'
   },
   getters: {
     loading (state) {
@@ -20,6 +21,9 @@ export default new Vuex.Store({
     },
     setLoading (state, val) {
       state.loading = val
+    },
+    updateDirection (state, direction) {
+      state.direction = direction
     }
   },
   actions: {