title: Vuejs get current route name and display on the menu
body: <p>I'm using the <code>vue-menu</code> component, and using it to toggle between different routes. After I switch to another route I want to display the current route name on the dropdown header like so:</p>
  
  <p><a href="https://i.stack.imgur.com/rQdNY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rQdNY.png" alt="enter image description here"></a></p>
  
  <p>I've tried using the life-cycle methods such as <code>beforeCreate , created, mounted...</code> etc but none of them are being called. How can I achieve the desired result?</p>