title: VueJs component names
body: <p>I'm working in VueJS and i have the following code</p>
  
  <pre><code>&lt;li @click = "selectedComponent = 'appManagment'"&gt;&lt;i class="ion-clipboard"&gt;&lt;/i&gt;Management&lt;/li&gt;
  </code></pre>
  
  <p>so what i try to accomplish is to display the name like <code>{{selectedComponent}}</code></p>
  
  <p>but as excpected it displays "appManagment" because this is the component that was selected.
  So the question is, how to display a different name, for example i want just "Managment" to appear instead of "appManagment".
  I'm using it for the navigation menu that displays where the user is located, so any help would be appreciated.</p>