Vue更改v-for中的元素

Question

我自己有一个解决方案，但不会通过再次单击隐藏它。我想要的是在第一次单击时显示它，而不在第二次单击时显示它。我该怎么办？你有更好的主意吗？

    <div id="app">
     <ul>
      <li v-for="list in lists" @click="show($index)">
       <span v-show="$index == i">{{ list }}</span>
      </li>
     </ul>
    </div>
    <script>
    new Vue({
     el: '#app',
     data: {
      lists: [1, 1, 1],
      i: -1 
     },
     methods: {
      show (index) {
       this.i = index
      }
     }
    })
    </script>