vue 使用v-for渲染很多li标签，如何给选中的li标签改变内容

 <ul>
    <li class="list"
        style="position: relative" 
　　　　　v-for="(item2,index2) in (item.subSections)" :key="index2">
             {{item2.sectionName}}
             <a-icon type="play-circle" class="pause"
                      style="position: absolute;right: 20px;top: 15px;font-size: 20px;"/>
              <span class="look"
                    style="position: absolute;right: 20px;top: 15px;font-size: 14px;">观看</span>
    </li>
 </ul>


<style>
　　

  .look{
        display: none;
    }

    .list:hover {
        color: #00cf8c;
        .look{
            display: block;
        }
        .pause{
            display: none;
        }
    }

}

</style>