vueトップページ下部ナビゲーションTabBar

export default {
  name: 'index',
  data () {
    return {
     isColor:true,
     isColor2:false,
     isColor3:false,
     isColor4:false,
     isColor5:false
    }
  },
  methods:{
    toColor:function(){
      this.isColor=true;
      this.isColor2=false;
      this.isColor3=false;
      this.isColor4=false;
      this.isColor5=false;
    },
        toColor2:function(){
      this.isColor=false;
      this.isColor2=true;
      this.isColor3=false;
      this.isColor4=false;
      this.isColor5=false;
    },
        toColor3:function(){
      this.isColor=false;
      this.isColor2=false;
      this.isColor3=true;
      this.isColor4=false;
      this.isColor5=false;
    },
        toColor4:function(){
      this.isColor=false;
      this.isColor2=false;
      this.isColor3=false;
      this.isColor4=true;
      this.isColor5=false;
    },
      toColor5:function(){
      this.isColor=false;
      this.isColor2=false;
      this.isColor3=false;
      this.isColor4=false;
      this.isColor5=true;
    },
  }
}