Tue Mar 26 15:26:00 CST 2024 inscode

src/components/layout.vue

@@ -20,7 +20,9 @@
                 <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
             </el-menu>
         </el-header>
-        <el-main>Main</el-main>
+        <el-main>
+            <router-view></router-view>
+        </el-main>
     </el-container>
 </template>
 <script>

src/main.js

@@ -2,8 +2,10 @@ import Vue from 'vue'
 import App from './App.vue'
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
+import router from '@/router'
 Vue.config.productionTip = false
 Vue.use(ElementUI)
 new Vue({
+  router,
   render: h => h(App),
 }).$mount('#app')

src/router/index.js

-import Router from "vue-router"
+import Vue from 'vue';
\ No newline at end of file
+import VueRouter from "vue-router"
+import routes from './routes'
+Vue.use(VueRouter)
+export default new VueRouter({
+    mode:'history',
+    routes
+})
\ No newline at end of file

src/router/routes.js

+import Home from '@/views/Home/index.vue'
 export default [
     {
         path:'/',
-        name:'',
+        name:'home',
         meta:{},
-        component:null
+        component:Home
     }
 ]
\ No newline at end of file

src/views/Home/index.vue

 <template>
     <div>
-        
+        主页
     </div>
 </template>
 <script>