title: On page refresh navigate to another route vuejs
body: <p>I have two pages <code>home</code> and <code>about</code>. so while refreshing <code>home</code> page i need to naviagate to <code>about</code> page. so in <code>home.vue</code> i written like this.</p>
  
  <pre><code>created () {
    window.addEventListener('beforeunload', this.reloadHandler)
  }
  
  destroyed () {
    window.removeEventListener('beforeunload', this.reloadHandler)
  }
  </code></pre>
  
  <p>and in the <code>reloadHandler</code> method i written router push to <code>about</code> page.</p>
  
  <pre><code>reloadHandler () {
    this.$nextTick(() =&gt; {
      this.$router.push('/about')
    })
  }
  </code></pre>
  
  <p>Is it possible to do this with vue-router. Or is there any way to achieve it. </p>