请问一下vue怎么实现排它？

Question

我想点击一个li给它添加样式，点其它的时候去掉先前li的样式给自己添加，如此重复。万分感谢~

Answer 1

    <li 
      :class="{'aside-active':activeNav === '我的视频'}"
      @click="activeNav = '我的视频'"
     >我的视频</li>
    <li 
      :class="{'aside-active':activeNav === '用户中心'}"
      @click="activeNav = '用户中心'"
     >用户中心</li>

 data () {
    return {
        activeNav: '我的视频'
    }
 }

Answer 2

是要实现类似这种效果么？
链接描述