title: Creating Active Class on Menu in Vue
body: <p>I'm trying to access an anchor element in a computed property in order to determine whether is should be set to active or remain as is.</p>
  
  <p>I've seen examples using v-for and looping through data properties, but this is a static menu like so:</p>
  
  <pre><code>&lt;template&gt;
  &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;Application Menu&lt;/div&gt;
      &lt;ul class="list-group"&gt;
          &lt;a :href="route('applications.index')" 
             :class="activeClass" 
             class="list-group-item"&gt;Applications&lt;/a&gt;
          &lt;a :href="route('applications.repository')" 
             :class="" 
             class="list-group-item"&gt;Token Repository&lt;/a&gt;
          &lt;a :href="route('applications.notifications')" 
             :class="" 
             class="list-group-item"&gt;Notifications&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>My <code>activeClass</code> computed prop would compare the <code>href</code> of the current anchor to the current location of the browser and return <code>active</code> if they match.</p>
  
  <p>I've consulted all the documentation on the Vue website and Googled extensively, and I've not yet found a way to access the href attribute of the anchor calling the computed property.</p>