vue for循环点击当前，改变兄弟元素属性（vue小白）

Question

想用vue实现功能，列表是请求数据for循环渲染出来，点击列表item中的按钮，改变相邻兄弟元素是否显示，这种功能怎样实现，请教大神，帮忙出个思路

Answer 1

在data中定义一个数组list，存储所有item的index之类的标志性的东西。每个item点击的时候触发一个事件，并且以index作为参数，然后在事件中处理这个index相邻的index。

Answer 2

<ul>
            <li v-show="selIndex+1!=index && selIndex-1!=index" v-for="(item, index) in list" :key="index">
                {{item}}<button @click="selIndex=index">登录</button>
            </li>
        </ul>

 new Vue({    el: '#app',    data: { list: [1,2,3,4,5,6,7,8,9,10], selIndex: -99
    }
})

仅提供一种思路哈