在layout.Menu.vue文件中，为menu添加收缩属性collapse

属性值需要通过store.collapse获取

引入store.collapse，通过getCollapse获取状态属性值（true/false)
传递给collapse实现菜单的收缩

order-system/src/layout/Menu.vue

@@ -7,7 +7,7 @@
   <!-- 通过当前路由获取路径返回给defalut-active,将默认事件绑定在当前路由路径上 -->
   <el-menu 
     router background-color="#00c6bf"
-    
+    :collapse="collapse"
     :default-active="activeIndex" 
     class="el-menu-vertical-demo"> 
 
@@ -98,6 +98,18 @@
     const { path } = route
     return path
   })
+
+  // 获取store中useCollapseStore传递给collapse属性控制菜单伸缩
+  import { useCollapseStore } from '@/store/collapse'
+
+  // 获取store
+  const store = useCollapseStore()
+
+  // 获取菜单状态
+  const collapse = computed(()=>{
+    return store.getcollapse
+  })
+
 </script>
 
 <style scoped lang="scss">