<template>
  <ul class="tab-head"">
    <li v-for="item in list" data-xxx="{{item.xxx}}">
      <a href="" v-on:click.prevent="changeTarget">
        <span>{{item.label}}</span>
      </a></li>
  </ul>
</template>

<script>
  module.exports = {
    data: function(){
      return {
        list: this.patterns
          }
     },
     methods: {
       changeTarget: function(e){
          console.log(e.target);
       },
     },
  }
</script>