title: Vue watch route
body: <p>I have a problem, because I need t check or there was changed route.
  My example adress is : </p>
  
  <pre><code>htttp://mySite/#/list/orders/actual
  </code></pre>
  
  <p>and </p>
  
  <pre><code>http://mySite/#/list/visits/actual
  </code></pre>
  
  <p>I have template and in there I'm chceckig or the route was changed. This is single page:</p>
  
  <pre><code>&lt;template&gt;
  &lt;section&gt;
      &lt;div&gt;{{ header }}&lt;/div&gt;
  &lt;/section&gt;
  &lt;/template&gt;
  &lt;script&gt;
     export default {
  
      name: 'headers',
      data: () =&gt; ({
          header: 'Here should be dynamicly changed header',
      }),
      watch: {
          '$route'(to, from) {
  
          }
      },
      methods: {}
  }
  </code></pre>
  
  <p></p>
  
  <p>How to check or now I'm on the list? orders and visits are params, and I can check them very simple, but list is not a param. How to check or I'm now on the list? I need to fetch this data from url because I have another adresses like : <a href="http://mySite/#/something/orders" rel="nofollow noreferrer">http://mySite/#/something/orders</a></p>