vue的点击类似标签页的效果

一，这是两个点击事件，定义相同的名称,点击不同的i,会展示下面不同的div

<div>

<i class="el-icon-tickets" style="font-size: 28px; color:#2D87F9;" @click = "showlList=0"></i>

<i class="el-icon-menu" style="font-size: 28px; color:#2D87F9;" @click= "showlList=1" ></i>

</div>

<div v-show="showlList===0">

    dsfasdasddsfsddsf

</div>

<div v-show="showlList===1">

    fgkjfgkjfgkjfg

</div>

二，在data中定义showList初始值

data() {

    return {

      showlList:0,

  }

}