diff --git "a/29\347\216\213\345\270\205/20230508\345\233\276\346\240\207.md" "b/29\347\216\213\345\270\205/20230508\345\233\276\346\240\207.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b4134c6f2a364e00a10a18405d44469997cb860e
--- /dev/null
+++ "b/29\347\216\213\345\270\205/20230508\345\233\276\346\240\207.md"
@@ -0,0 +1,173 @@
+```vue
+<script setup>
+import { reactive, ref } from 'vue'
+import MenuItem from './MenuBar/MenuItem.vue'
+
+const menus = reactive([{
+  title: '设置',
+  name: '/',
+  meta: { icon: 'setting' },
+  children: [
+    { title: '来了', meta: { icon: 'user' }, name: '/laile' },
+    { title: '哈哈', meta: { icon: 'user' }, name: '/haha' },
+    {
+      title: '嘻嘻',
+      icon: 'UserFilled',
+      name: '/bigxixi',
+      children: [
+        { title: 'xixi', meta: { icon: 'user' }, name: '/bigxixi/smallxixi' },
+        { title: '啦啦啦啦啦啦', meta: { icon: 'user' }, name: '/bigxixi/lalala' },
+        {
+          title: '呵呵',
+          meta: { icon: 'Avatar' },
+          name: '/bigxixi/bighehe',
+          children: [
+            { title: 'hehe', meta: { icon: 'user' }, name: '/bigxixi/bighehe/smallhehe' }
+          ]
+        }
+      ]
+    }
+  ]
+},
+{
+  title: '试试',
+  meta: { icon: 'PieChart' },
+  name: '/shishi'
+}
+])
+
+let panDuan1 = ref(false)
+
+const anNiu = reactive({
+  anNiu: panDuan1,
+})
+
+let kuan = ref('200px');
+
+
+function change() {
+  panDuan1.value = !panDuan1.value
+  if (panDuan1.value) {
+    kuan.value = 64 + 'px'
+  } else {
+    kuan.value = 200 + 'px'
+  }
+}
+
+
+
+
+</script>
+
+<template>
+  <div class="common-layout">
+    <el-container>
+      <el-header>
+        <el-icon @click="change" size="50" :class="anNiu">
+          <expand></expand>
+        </el-icon>
+      </el-header>
+      <el-container>
+        <el-aside :width="kuan">
+          <!-- <el-menu>
+                  <el-sub-menu>
+                    <template #title>
+                      设置
+                    </template>
+                    <el-menu-item>哈哈</el-menu-item>
+                    <el-sub-menu>
+                      <template #title>
+                        嘻嘻
+                      </template>
+                      <el-menu-item>xixi</el-menu-item>
+                      <el-sub-menu>
+                        <template #title>
+                          呵呵
+                        </template>
+                        <el-menu-item>
+                          hehe
+                        </el-menu-item>
+                      </el-sub-menu>
+                    </el-sub-menu>
+                  </el-sub-menu>
+                </el-menu> -->
+          <!-- <el-menu>
+              <template v-for="menu in menus">
+                <el-sub-menu v-if="menu.children && menu.children.length > 0">
+                  <template #title>{{ menu.title }}</template>
+                  <template v-for="men in menu.children">
+                    <el-sub-menu v-if="men.children && men.children.length > 0">
+                      <template #title>{{ men.title }}</template>
+                      <template v-for="me in men.children">
+                        <el-sub-menu v-if="me.children && me.children.length > 0">
+                          <template #title>{{ me.title }}</template>
+                          <template v-for="m in me.children">
+                            <el-sub-menu v-if="m.children && m.children.length > 0">
+                              <template #title>{{ m.title }}</template>
+                            </el-sub-menu>
+                            <el-menu-item v-else>{{ m.title }}</el-menu-item>
+                          </template>
+                        </el-sub-menu>
+                        <el-menu-item v-else>{{ me.title }}</el-menu-item>
+                      </template>
+                    </el-sub-menu>
+                    <el-menu-item v-else>{{ men.title }}</el-menu-item>
+                  </template>
+                </el-sub-menu>
+                <el-menu-item v-else>{{ menu.title }}</el-menu-item>
+              </template>
+            </el-menu> -->
+
+          <el-menu :collapse="panDuan1" :defalt-active="$router.path" router>
+            <MenuItem :menus="menus">
+            </MenuItem>
+          </el-menu>
+        </el-aside>
+        <el-container>
+          <el-main>
+            <RouterView></RouterView>
+          </el-main>
+          <el-footer>
+            <div class="down">
+              <div class="inside">版权所有 yyy</div>
+              <div>
+                <div class="inside"><a href="https://beian.miit.gov.cn/">沪ICP备09004260号-1</a></div>
+                <div class="inside"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602011771">
+                    <span>
+                      <el-image :src="'../../public/img/ghs.png'"></el-image>
+                      浙公网安备 33010602011771号
+                    </span>
+                  </a></div>
+              </div>
+
+            </div>
+          </el-footer>
+        </el-container>
+      </el-container>
+    </el-container>
+  </div>
+</template>
+<style scoped>
+.inside {
+  text-align: center;
+}
+
+.el-aside {
+  height: calc(100vh - 60px);
+  /* background-color: orange; */
+}
+
+.anNiu {
+  transform: rotate(90deg);
+}
+
+.el-main {
+  background-color: orange;
+}
+
+.down {
+  display: flex;
+  justify-content:space-around;
+  font-size: smaller;
+}</style>
+```
\ No newline at end of file
diff --git "a/29\347\216\213\345\270\205/20230509image.md" "b/29\347\216\213\345\270\205/20230509image.md"
new file mode 100644
index 0000000000000000000000000000000000000000..09fd9657cb5c6dae11b05e1f1102a418eebc9f0b
--- /dev/null
+++ "b/29\347\216\213\345\270\205/20230509image.md"
@@ -0,0 +1,4 @@
+# Image
+```
+<el-image src='这里写图片路径'></el-image>
+```
\ No newline at end of file
diff --git "a/29\347\216\213\345\270\205/20230511\350\267\257\347\224\261.md" "b/29\347\216\213\345\270\205/20230511\350\267\257\347\224\261.md"
new file mode 100644
index 0000000000000000000000000000000000000000..789f3623066f916fef9d28a571c83a8dcf23f55e
--- /dev/null
+++ "b/29\347\216\213\345\270\205/20230511\350\267\257\347\224\261.md"
@@ -0,0 +1,10 @@
+1. 懒加载
+```js
+import Index from './components/index.vue'
+
+// 这个Index等于
+()=>import('./components/index.vue')
+
+```
+2. menu的router属性
+![show](./img/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-05-14%20210849.png)
\ No newline at end of file
diff --git "a/29\347\216\213\345\270\205/20230512Menu.md" "b/29\347\216\213\345\270\205/20230512Menu.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a5627daa137c112f601b0b9bbb256274f5a179f2
--- /dev/null
+++ "b/29\347\216\213\345\270\205/20230512Menu.md"
@@ -0,0 +1,114 @@
+# Menu 菜单
+为网站提供导航功能的菜单。
+
+TIP
+
+在 SSR 场景下，您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (e.g: VitePress).
+
+## 顶栏
+顶部栏菜单可以在各种场景中使用。
+
+导航菜单默认为垂直模式，通过将 mode 属性设置为 horizontal 来使导航菜单变更为水平模式。 另外，在菜单中通过 sub-menu 组件可以生成二级菜单。 Menu 还提供了background-color、text-color和active-text-color，分别用于设置菜单的背景色、菜单的文字颜色和当前激活菜单的文字颜色。
+
+- Processing Center
+- Workspace
+- Info
+- Orders
+- Processing Center
+- Workspace
+- Info
+- Orders
+
+# 左右
+您可以将菜单项放置在左边或右边。
+
+LOGO
+Processing Center
+Workspace
+
+# 侧栏
+垂直菜单，可内嵌子菜单。
+
+通过 el-menu-item-group 组件可以实现菜单进行分组，分组名可以通过 title 属性直接设定，也可以通过具名 slot 来设定。
+
+- Default colors
+- Navigator One
+- Navigator Two
+- Navigator Three
+- Navigator Four
+- Custom colors
+- Navigator One
+- Navigator Two
+- Navigator Three
+- Navigator Four
+
+# Collapse 折叠面板
+垂直导航菜单可以被折叠
+
+
+
+
+# Menu Attributes
+- 属性名	说明	类型	可选值	默认值
+- mode	菜单展示模式	string	horizontal / vertical	vertical
+- collapse	是否水平折叠收起菜单（仅在 mode 为 vertical 时可用）	boolean	—	false
+- ellipsis	是否省略多余的子项（仅在横向模式生效）	boolean	—	true
+- background-color	菜单的背景颜色（十六进制格式）（已被废弃，使用--bg-color）	string	—	#ffffff
+- text-color	文字颜色（十六进制格式）（已被废弃，使用--text-color）	string	—	#303133
+- active-text-color	活动菜单项的文本颜色（十六进制格式）（已被废弃，使用--active-color）	string	—	#409EFF
+- default-active	页面加载时默认激活菜单的 index	string	—	—
+- default-openeds	默认打开的 sub-menu 的 index 的数组	Array	—	—
+- unique-opened	是否只保持一个子菜单的展开	boolean	—	false
+- menu-trigger	子菜单打开的触发方式，只在 mode 为 horizontal 时有效。	string	hover / click	hover
+- router	是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项。	- boolean	—	false
+- collapse-transition	是否开启折叠动画	boolean	—	true
+- popper-effect	Tooltip 主题，内置了 dark / light 两种主题	string	dark / light	dark
+- Menu Methods#
+方法名	说明	参数
+- open	展开指定的 sub-menu	index: 需要打开的 sub-menu 的 index
+- close	收起指定的 sub-menu	index: 需要收起的 sub-menu 的 index
+## Menu Events
+- 事件名	说明	回调参数
+- select	菜单激活回调	index: 选中菜单项的 index, indexPath: 选中菜单项的 index path, item: 选中菜单项, routeResult: vue-router 的返回值（如果 router 为 true）
+- open	sub-menu 展开的回调	index: 打开的 sub-menu 的 index, indexPath: 打开的 sub-menu 的 index path
+- close	sub-menu 收起的回调	index: 收起的 sub-menu 的 index, indexPath: 收起的 sub-menu 的 index path
+## Menu Slots
+插槽名	说明	子标签
+—	自定义默认内容	SubMenu / Menu-Item / Menu-Item-Group
+## SubMenu Attributes
+- 属性名	说明	类型	可选值	默认值
+- index	唯一标志	string	—	—
+- popper-class	为 popper 添加类名	string	—	—
+- show-timeout	展开 sub-menu 的延时	number	—	300
+- hide-timeout	收起 sub-menu 的延时	number	—	300
+- disabled	是否禁用	boolean	—	false
+- popper-append-to-body（已废弃）	是否将弹出菜单插入至 body 元素。 在菜单的定位出现问题时，可尝试修改该属性	boolean	—	一级子菜单：true / 非一级子菜单：false
+- teleported	是否将 popup 的下拉列表插入至 body 元素	boolean	—	一级子菜单：true / 非一级子菜单：false
+- popper-offset	弹出窗口偏移	number	—	6
+- expand-close-icon	父菜单展开且子菜单关闭时的图标， expand-close-icon 和 expand-open-icon 需要一起配置才能生效	string | Component	—	—
+- expand-open-icon	父菜单展开且子菜单打开时的图标， expand-open-icon 和 expand-close-icon 需要一起配置才能生效	string | Component	—	—
+- collapse-close-icon	父菜单收起且子菜单关闭时的图标， expand-close-icon 和 expand-open-icon 需要一起配置才能生效	string | Component	—	—
+- collapse-open-icon	父菜单收起且子菜单打开时的图标， expand-open-icon 和 expand-close-icon 需要一起配置才能生效	string | Component	—	—
+## SubMenu Slots#
+- 插槽名	说明	子标签
+- —	自定义默认内容	SubMenu / Menu-Item / Menu-Item-Group
+title	自定义标题内容	—
+## Menu-Item Attributes
+- 属性名	说明	类型	可选值	默认值
+- index	唯一标志	string/null	—	null
+- route	Vue Router 路径对象	object	—	—
+- disabled	是否禁用	boolean	—	false
+## Menu-Item Events
+- 事件名	说明	回调参数
+- click	菜单点击时的回调函数	el-menu-item 实例
+## Menu-Item Slots
+- 插槽名	说明
+- —	自定义默认内容
+title	自定义标题内容
+## Menu-Item-Group Attributes
+- 属性名	说明	类型	可选值	默认值
+- title	组标题	string	—	—
+## Menu-Item-Group Slots
+- 插槽名	说明	子标签
+- —	默认插槽内容	Menu-Item
+- title	自定义组标题内容	—
\ No newline at end of file