Vue中点击当前列表项，显示列表详情，其它列表项隐藏。

页面需求： 

首先，沿着Vue数据驱动的思想来考虑问，每个列表的每一项，是不是需要一个数据来控制显隐（用v-if或者v-show来控制，后者用于切换频繁时使用）？

后台在返回数据时，不一定给你返回一个专门控制列表显隐的字段。所以我们要对后台返回的数据进行二次加工，添加一个新字段，来满足我们的需求。

这里存在一个问题，有人问：为什么我加了数据，但是没有效果。这是因为你在添加数据的时候没有使用vue.set(obj, newKey, newValue)这个方法来添加数据。使用此方法添加的数据是响应式的。

html:

 

<div>
            <ul>
                <li class="list" v-for="(item, index) in newLists">
                    <div class="name">
                        { {index + 1}}.姓名：{ {item.name}}
                        <button @click