title: Access data from a vue array element when it is clicked
body: <p>My vue data consists of a list of people.  </p>
  
  <pre><code>self.vue = new Vue({
      el: "#vue-div",
      delimiters: ['${', '}'],
      unsafeDelimiters: ['!{', '}'],
      data: {
          users: [
              {first_name: "John",
               last_name: "Doe",
               email: "jdoe@gmail.com"
              },
              {first_name: "Jane",
               last_name: "Smith",
               email: "jsmith@gmail.com"
              },
          ]
      },
      methods: {
          test: function(e) {
              alert(this.users[0].email);
  
          }
      }
  
  });
  </code></pre>
  
  <p>I then display the names of those people in a list using v-for:</p>
  
  <pre><code>&lt;ul v-for="user in users"&gt;
      &lt;li class="btn btn-primary" v-on:click="test"&gt;${user.first_name} ${user.last_name}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>currently, in order to alert the actual email of a user in the array, I have to hardcode an index to be alerted.  My question is, how do I dynamically access the data of the array element that has been clicked on?</p>