Mock快速入门使用及组件构造首页2

import AppMain from '@/components/AppMain'
import LeftNav from '@/components/LeftNav'
import TopNav from '@/components/TopNav'

{
      path: '/AppMain',
      name: 'AppMain',
      component: AppMain
    },
    {
      path: '/LeftNav',
      name: 'LeftNav',
      component: LeftNav
    },
    {
      path: '/TopNav',
      name: 'TopNav',
      component: TopNav
    },

export default {
components:{
      TopNav,LeftNav
    },
    data(){
      return{
        asideClass:'main-aside'
      }
    }
  };

export default {
    data(){
      return{
        collapsed:false
      }
    }
  }

export default {
    data(){
      return{
        collapsed:false,
        imgshow:require('@/assets/img/show.png'),
        imgshow:require('@/assets/img/sq.png')
      }
    }
  }

export default {
    components:{
      TopNav,LeftNav
    },
    data(){
      return{
        asideClass:'main-aside'
      }
    },
    created(){
      this.$root.Bus.$on('bbb',v=>{
      this.asideClass = v? 'main-aside-collapsed' : 'main-aside';
    });
    }
  };

export default {
    data(){
      return{
        collapsed:false
      }
    },
    created(){
      this.$root.Bus.$on('bbb',v=>{
      this.collapsed = v ;
    });
    }
  }

export default {
    data(){
      return{
        collapsed:false,
        imgshow:require('@/assets/img/show.png'),
        imgsq:require('@/assets/img/sq.png'),
      }
    },
    methods:{
      doToggle(){
        this.collapsed =!this.collapsed;
        //将是否折叠放入总线
        this.$root.Bus.$emit('bbb',this.collapsed);
      }
    }
  }

exit(){
        this.$router.push("/Login");
      }