vue tabs手写方法

HTML 部分

 <div class="left-tab">

          <div class="hd">

            <div :class="{'cur': now === '1'}" @click="now = '1'">广利河西五路</div>

            <div :class="{'cur': now === '2'}" @click="now = '2'">广利河北二路</div>

            <div :class="{'cur': now === '3'}" @click="now = '3'">广利河黄河路</div>

            <div :class="{'cur': now === '4'}" @click="now = '4'">东营河庐山路</div>

            <div :class="{'cur': now === '5'}" @click="now = '5'">五六干合排西路五六干合排西路五六干合排西路</div>

          </div>

      

 </div>

 

<div class="topleft-right">

        <div class="bd">

          <div v-show="now === '1'">1</div>

          <div v-show="now === '2'">2</div>

          <div v-show="now === '3'">3</div>

          <div v-show="now === '4'">啊士大夫的</div>

          <div v-show="now === '5'">手动阀手动阀</div>

        </div>

</div>

 

JS  VUE部分   

 

export default{　　

 data() {

　　return {

 now: "1"

}

}　　

}