vue里面如何让v-for循环出来的列表里面的列表click事件只对当前列表有效

html：

<ul id="app">
  <li v-for=‘item in items‘ @click="toggle(item)">
    <span v-if=‘item.show‘>{{item.content}}</span>
  </li>
</ul>

js:

new Vue({
  el: ‘#app‘,
  data: function() {
    return {
      items: [{
        content: ‘1 item‘,
        show: true
      }, {
        content: ‘2 item‘,
        show: true
      }, {
        content: ‘3 item‘,
        show: true
      }]
    }
  },
  methods: {
    toggle: function(item) {
            item.show = !item.show;
    }
  }
})