title: Vuejs highlight color on a clicked item in a list of items?
body: <p>How can we highlight a item in a list of item when the particular item is clicked? Should we use id as reference?</p>
  
  <pre><code>&lt;li v-for="todo in todos"&gt;
    &lt;label&gt;
      &lt;a href="#"
        v-on:click="toggle(todo)"
        :style="{color:activeColor}"
        &gt;
  
  
        {{ todo.text }}
  
      &lt;/a&gt;
  
    &lt;/label&gt;
  &lt;/li&gt;
  toggle: function(todo){
  
    this.activeColor = 'red'
  }
  </code></pre>
  
  <p>I tried here:
  <a href="https://jsfiddle.net/eywraw8t/110976/" rel="noreferrer">https://jsfiddle.net/eywraw8t/110976/</a></p>