Update router

src/App.vue

@@ -1,24 +1,8 @@
 <template>
     <div id="app">
-        <div class="wrapper">
-            <v-head></v-head>
-            <v-sidebar></v-sidebar>
-            <div class="content">
-                <transition name="move" mode="out-in"><router-view></router-view></transition>
-            </div>
-        </div>
+        <router-view></router-view>
     </div>
 </template>
-<script>
-    import header from './components/common/header.vue';
-    import sidebar from './components/common/sidebar.vue';
-    export default {
-        components:{
-            'vHead':header,
-            'vSidebar':sidebar
-        }
-    }
-</script>
 <style>
     @import "../static/css/main.css";
 </style>

src/components/common/Home.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="wrapper">
+        <v-head></v-head>
+        <v-sidebar></v-sidebar>
+        <div class="content">
+            <transition name="move" mode="out-in"><router-view></router-view></transition>
+        </div>
+    </div>
+</template>
+
+<script>
+    import vHead from './Header.vue';
+    import vSidebar from './Sidebar.vue';
+    export default {
+        components:{
+            vHead, vSidebar
+        }
+    }
+</script>

src/router/index.js

@@ -5,6 +5,10 @@ Vue.use(Router);
 
 export default new Router({
     routes: [
+        {
+            path: '/admin',
+            component: resolve => require(['../components/common/Home.vue'], resolve),
+            children:[
                 {
                     path: '/basetable',
                     component: resolve => require(['../components/page/BaseTable.vue'], resolve)
@@ -38,4 +42,6 @@ export default new Router({
                     component: resolve => require(['../components/page/MixCharts.vue'], resolve)
                 }
             ]
+        },
+    ]
 })