<template>
   <div v-cloak>
      <Header></Header>
      <Menu></Menu>
      <div class="main-warp">
         <router-view />
      </div>
      <Footer></Footer>
   </div>
</template>

<script>
import Header from '../layout/Header.vue';
import Menu from '../layout/Menu.vue';
import Footer from '../layout/Footer.vue';

const App = {
   data: () => {
      return {
      }
   },
   methods: {

   },
   watch: {

   },
   computed: {

   },
   components: {
      'Header': Header,
      'Menu': Menu,
      'Footer': Footer,
   },
   mounted: () => {
      console.log('Vue mounted');
   }
}

export default App;
</script>

<style></style>
