go to the same route will be set the same key, fix zack24q#21

examples/src/pages/Index.vue

@@ -3,7 +3,12 @@
     <div class="index">
       <p>This is the <b>index</b> page</p>
       <p>random number: {{random}}</p>
-      <router-link to="list">go to list page</router-link>
+      <p>
+        <router-link to="/">go to index page</router-link>
+      </p>
+      <p>
+        <router-link to="list">go to list page</router-link>
+      </p>
     </div>
   </page>
 </template>

package.json

@@ -35,7 +35,9 @@
     "url": "https://github.com/zack24q/vue-navigation/issues"
   },
   "homepage": "https://github.com/zack24q/vue-navigation#readme",
-  "dependencies": {},
+  "dependencies": {
+    "lodash": "^4.17.4"
+  },
   "devDependencies": {
     "anywhere": "^1.4.0",
     "autoprefixer": "^6.7.2",

src/index.js

@@ -1,3 +1,4 @@
+import isEqual from 'lodash/isEqual'
 import Routes from './routes'
 import Navigator from './navigator'
 import NavComponent from './components/Navigation'
@@ -25,7 +26,15 @@ export default {
     router.beforeEach((to, from, next) => {
       if (!to.query[keyName]) {
         const query = { ...to.query }
-        query[keyName] = genKey()
+        // go to the same route will have same key
+        if (to.path === from.path && isEqual(
+          { ...to.query, [keyName]: null },
+          { ...from.query, [keyName]: null },
+        ) && from.query[keyName]) {
+          query[keyName] = from.query[keyName]
+        } else {
+          query[keyName] = genKey()
+        }
         next({ path: to.path, query, replace: replaceFlag || !from.query[keyName] })
       } else {
         next()