<template>
  <view class="container">
    <order v-if='tabCurrent == 0'></order>
    <!-- <message v-if='tabCurrent == 1'></message> -->
    <!-- <extend v-if='tabCurrent == 2'></extend> -->
    <store v-if='tabCurrent == 1'></store>
    <mine v-if='tabCurrent == 2'></mine>
    <customizeTabbar @tabbarChange='handlerTabbarChange' ></customizeTabbar>
  </view>
</template>

<script>
  import store from "./tabbar/store"
  import mine from "./tabbar/mine"
  import message from "./tabbar/message"
  import order from "./tabbar/order"
  import extend from "./tabbar/extend"
  import customizeTabbar from "./components/customizeTabbar"
  export default{
    components:{customizeTabbar, store, mine, message, order, extend},
    data(){
      return{
        tabCurrent:0
      }
    },
    methods:{
      handlerTabbarChange(e){
        this.tabCurrent = e
      }
    }
  }
</script>

