为六个选项的Index.vue文件创建框架

在Menu.vue文件中，启用router属性
将每一个选项的index作为路由路径，实现path跳转
（测试发现，路径发生变化---测试通过）

order-system/src/layout/Menu.vue

@@ -4,7 +4,7 @@
   <MenuLogo></MenuLogo>
 
   <!-- 菜单区域 -->
-  <el-menu background-color="#00c6bf" default-active="1" class="el-menu-vertical-demo">
+  <el-menu router background-color="#00c6bf" default-active="1" class="el-menu-vertical-demo">
   <!-- 注释掉暂时不需要的多余属性 -->
     <!-- <el-sub-menu index="1">
       <template #title>
@@ -34,27 +34,27 @@
     </el-menu-item> -->
 
     <!-- 添加菜单栏选项 -->
-    <el-menu-item index="1">
+    <el-menu-item index="/user">
       <el-icon><Menu /></el-icon>
       <template #title>用户管理</template>
     </el-menu-item>
-    <el-menu-item index="2">
+    <el-menu-item index="/category">
       <el-icon><Menu /></el-icon>
       <template #title>菜品分类</template>
     </el-menu-item>
-    <el-menu-item index="3">
+    <el-menu-item index="/goods">
       <el-icon><Memo /></el-icon>
       <template #title>菜品管理</template>
     </el-menu-item>
-    <el-menu-item index="4">
+    <el-menu-item index="/order">
       <el-icon><Monitor /></el-icon>
       <template #title>订单管理</template>
     </el-menu-item>
-    <el-menu-item index="5">
+    <el-menu-item index="banner">
       <el-icon><Calendar /></el-icon>
       <template #title>广告管理</template>
     </el-menu-item>
-    <el-menu-item index="6">
+    <el-menu-item index="comment">
       <el-icon><Edit /></el-icon>
       <template #title>评论管理</template>
     </el-menu-item>

order-system/src/views/banner/Index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    广告管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>

order-system/src/views/category/Index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    菜品分类
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>

order-system/src/views/comment/Index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    评论管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>

order-system/src/views/goods/Index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    菜品管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>

order-system/src/views/order/Index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    订单管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>

order-system/src/views/user/Index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    用户管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>