vue中v-for问题？

Question

遇到小问题，想要点击li的时候，分别在控制台中打印出对应的name要怎么做？？

Answer 1

@click="click(item)"

---

click (item) {
    console.log(item.name)
}

Answer 2

<li v-for="item in items" @click="click(item)">{{item.name}}</li>

methods:{
click:function(item){
console.log(item.name);
}
}

Answer 3

Answer 4

<div id="temp">
  <li v-for="item in items" @click="click(item.name)">{{item.name}}</li>
</div>
<script>
new Vue({
  el: '#temp',
  data: {
    items: [{
      name: 111
    }, {
      name: 222
    }, {
      name: 333
    }]
  },
  methods: {
    click: function(name) {
      console.log(name);
    }
  }
})
</script>