diff --git "a/33\347\211\233\346\226\207\350\275\251/20230424-\345\212\250\346\200\201\350\267\257\347\224\261\345\214\271\351\205\215.md" "b/33\347\211\233\346\226\207\350\275\251/20230424-\345\212\250\346\200\201\350\267\257\347\224\261\345\214\271\351\205\215.md"
new file mode 100644
index 0000000000000000000000000000000000000000..bef89dcab429bacbf3f4e9508eebaf95ae108660
--- /dev/null
+++ "b/33\347\211\233\346\226\207\350\275\251/20230424-\345\212\250\346\200\201\350\267\257\347\224\261\345\214\271\351\205\215.md"
@@ -0,0 +1,136 @@
+一、动态路由匹配
+404.vue
+```
+<template>
+    <p>该页面已经崩溃,请稍后再试=_=!</p>
+</template>
+```
+
+About.vue
+```
+<!-- <script setup>
+    import { onMounted } from 'vue'; 
+  //用了这个就能怎么点都有这个表情=_=!
+    onMounted(()=>{
+        console.log('=_=!');
+    })
+
+
+
+</script> -->
+
+
+
+
+
+
+<!-- <script>  
+//显示444,你在框里打什么字就会出现什么字
+    export default {
+        data(){
+            return {
+                uu:''
+            }
+        },
+        created(){
+            console.log(444);
+        },
+        watch:{
+            uu(newVal,oldVal) {
+                console.log(newVal);
+                console.log(oldVal);
+            }
+        }
+    }
+</script> -->
+
+<script>
+    //点击777和888玩法
+    export default {
+        data(){
+            return {
+                uu:''
+            }
+        },
+        created(){
+            this.$watch(()=>this.$route.params,(newval,oldval)=>{
+                console.log(newval);
+                console.log(oldval);
+            })
+            console.log('我们一起778');
+        } 
+    }
+</script>
+
+
+
+
+
+<template>
+    我是谁
+    <!-- <RouterLink to="/">我是谁</RouterLink> -->
+    <!-- <RouterLink to="/his">我是大傻逼</RouterLink> -->
+    <RouterLink to="/about/777">777</RouterLink>
+    <RouterLink to="/about/888">888</RouterLink>
+    我是大帅比
+    <input type="text" v-model="uu">
+  
+</template>
+```
+
+
+His.vue
+```
+<script>
+import { RouterLink } from 'vue-router';
+</script>
+
+<template>
+      <!-- 有了这个东西{{ $route.params.id }}就能把id显示在他是谁后面了 -->
+
+      他是谁  {{ $route.params.id }}
+     <RouterLink to="/about">我是爱冲锋的勇士</RouterLink>
+     
+</template>
+```
+
+App.vue
+```
+<script>
+
+
+</script>
+
+<template>
+  <RouterView></RouterView>
+</template>
+```
+
+main.js
+```
+import { createApp } from 'vue'
+import App from './App.vue'
+import {createRouter,createWebHashHistory,createWebHistory} from 'vue-router'
+import About from './components/About.vue'
+import His from './components/His.vue'
+import P404 from './components/404.vue'
+import './assets/main.css'
+// createWebHistory是去除网页上的#号
+
+const routes = [
+  { path: '/', component: His },
+  { path: '/about/:id?', component: About },
+  { path: '/about/:id?/scores/:sid?', component: About }, //id?通过id也可以找到about，sid?也是一样的显示
+  { path: '/his/:id?', component: His },  //id?通过id也可以找到his，还会显示在页面上的id,但需要这个($route.params.id)
+  { path: '/:pathMatch(.*)',component: P404 }// /:pathMatch(.*)可以顺利跳到404页面，正常显示404的页面内容
+]
+
+
+const router = createRouter({
+  
+  history: createWebHistory(),
+  routes
+})
+
+createApp(App).use(router).mount('#app')
+```
\ No newline at end of file
diff --git "a/33\347\211\233\346\226\207\350\275\251/20230425-\345\265\214\345\245\227\350\267\257\347\224\261.md" "b/33\347\211\233\346\226\207\350\275\251/20230425-\345\265\214\345\245\227\350\267\257\347\224\261.md"
new file mode 100644
index 0000000000000000000000000000000000000000..70728558a3062273638694c919fd02d919d99f71
--- /dev/null
+++ "b/33\347\211\233\346\226\207\350\275\251/20230425-\345\265\214\345\245\227\350\267\257\347\224\261.md"
@@ -0,0 +1,139 @@
+一、嵌套路由
+Bed.vue
+```
+<script>
+
+</script>
+<template>
+    <div>
+        大床
+        <RouterLink to="/">返回</RouterLink>
+        <RouterView></RouterView>
+    </div>
+</template>
+```
+
+HelloWorld.vue
+```
+<script >
+
+</script>
+
+<template>
+  
+</template>
+```
+
+Home.vue
+```
+<script>
+
+</script>
+<template>
+    <div>
+        复活吧我的爱人=w=!
+        <RouterLink to="/bed">床上等你</RouterLink>
+        <br>
+        <RouterLink to="/rain">风里雨里，我在等你</RouterLink>
+    </div>
+</template>
+```
+
+
+Rain.vue
+```
+<script>
+
+</script>
+<template>
+    <div>
+        下雨了=_=!
+        <RouterLink to="/">返回</RouterLink>
+    </div>
+</template>
+```
+
+SmallBed.vue
+```
+<script>
+
+</script>
+<template>
+    <div>
+        小床
+        <RouterLink to="/">返回</RouterLink>
+        <input type="button" value="点我试试=''=!">
+        <p> <RouterView> </RouterView></p>
+       
+    </div>
+</template>
+```
+
+SmallSmallBed.vue
+```
+<script>
+
+</script>
+<template>
+    <div>
+        小小床
+        <RouterLink to="/">返回</RouterLink>
+        <input type="button" value="不要点我=_=!">
+    </div>
+</template>
+```
+
+App.vue
+```
+<script>
+
+</script>
+
+<template>
+ <RouterView> </RouterView>
+</template>
+```
+
+main.js
+```
+import { createApp } from 'vue'
+import App from './App.vue'
+import './assets/main.css'
+import { createRouter,createWebHistory } from 'vue-router'
+import Home from './components/Home.vue'
+import Bed from './components/Bed.vue'
+import Rain from './components/Rain.vue'
+import SmallBed from './components/SmallBed.vue'
+import SmallSmallBed from './components/SmallSmallBed.vue'
+const routes=[
+    { path:'/',component:Home },
+
+    { path:'/bed',   // /:id+网页栏上/多少数字都能找到bed里的内容
+    component:Bed,
+    children:[   //这个是嵌套路由！用children一层一层嵌套。注意：第一个children用完后，
+                //要在前一个宿主的列如Bed.vue里面加上<RouterView></RouterView>这个出口才能显示children的内容,依此类推!
+        {
+            path:'sbed',
+            component:SmallBed,
+            children:[
+                {
+                    path:'ssbed',
+                    component:SmallSmallBed
+                }
+            ]
+        }
+    ]
+    }, 
+
+    { path:'/rain/:id*',component:Rain } // /:id*网页栏上/多少数字都能找到bed里的内容
+]
+
+const router=createRouter({
+    history:createWebHistory(),
+    routes
+})
+
+
+
+createApp(App).use(router).mount('#app')
+```
\ No newline at end of file
diff --git "a/33\347\211\233\346\226\207\350\275\251/20230427-\345\221\275\345\220\215\350\247\206\345\233\276.md" "b/33\347\211\233\346\226\207\350\275\251/20230427-\345\221\275\345\220\215\350\247\206\345\233\276.md"
new file mode 100644
index 0000000000000000000000000000000000000000..ddeb6c9224c9c1d420257482aa73dd370481f19f
--- /dev/null
+++ "b/33\347\211\233\346\226\207\350\275\251/20230427-\345\221\275\345\220\215\350\247\206\345\233\276.md"
@@ -0,0 +1,216 @@
+一、编程式导航
+Black.vue
+```
+<!-- <script setup>    
+
+</script>
+
+<template>
+ <div  id="Blcak"></div>
+ <h1>Black</h1>
+ <RouterView></RouterView>
+</template>
+
+
+<style scoped>
+    #Black {
+        background-color: black;
+        width: 250px;
+        height:250px;
+    }
+  </style> -->
+  ```
+
+Blue.vue
+```
+<!-- <script setup>    
+
+</script>
+
+<template>
+ <div  id="Blue"></div>
+ <h1>Bule</h1>
+ <RouterView></RouterView>
+</template>
+
+
+<style scoped>
+    #Blue {
+        background-color: blue;
+        width: 250px;
+        height:250px;
+    }
+  </style> -->
+  ```
+
+HelloWorld.vue
+```
+<!-- <script>
+export default {
+  created(){
+
+  },
+  methods: {
+    abc(){
+      console.log(333);
+      this.$router.replace({name:'xy',params:{friends:'88'}})
+    }
+
+  }
+}
+</script>
+
+<template>
+  <input type="button" value="跳一跳" @click="abc">
+</template>
+
+
+<style scoped>
+  #Blue {
+      background-color: blue;
+      width: 250px;
+      height:250px;
+  }
+</style> -->
+
+
+<script>
+
+</script>
+
+<template>
+  
+</template>
+```
+
+NavBar.vue
+```
+<template>
+    <div id="nav">
+       <RouterLink to="/setting/email">邮箱设置</RouterLink>
+       <br>
+       <RouterView to="/setting/profile">用户中心</RouterView>
+    </div>
+</template>
+```
+二、命名视图
+
+UserEmail.vue
+```
+<template>
+    <div id="email">
+        电子邮箱
+    </div>
+</template>
+```
+
+UserEmailSub.vue
+```
+<template>
+    <div>
+        电子设备邮箱
+    </div>
+   
+</template>
+```
+
+Userprofile.vue
+```
+<template>
+    <div id="Preview">
+        电子设备预览
+    </div>
+</template>
+```
+
+UserSetting.vue
+```
+<template>
+    <div>
+        用户设置
+        <nav-bar></nav-bar>
+        <RouterView></RouterView>
+        <RouterView name="helper"></RouterView>
+    </div>
+</template>
+
+<script setup>
+    import NavBar from './NavBar.vue'
+</script>
+```
+
+App.vue
+```
+<script setup>
+import HelloWorld from './components/HelloWorld.vue';
+
+</script>
+
+<template>
+<!-- <HelloWorld /> -->
+<!-- 记住了，页面什么也没显示就是这里没加<RouterView></RouterView> -->
+<RouterView></RouterView>   
+</template>
+```
+
+main.js
+```
+// import { createApp } from 'vue'
+// import App from './App.vue'
+// import Black from './components/Black.vue'
+// import Blue from './components/Blue.vue'
+// import HelloWorld from './components/HelloWorld.vue'
+// import {createRouter,createWebHistory} from 'vue-router'
+// import './assets/main.css'
+
+// const routes=[
+//     {path:'/abc/:name?',component:HelloWorld },
+//     {path:'/aac',component:Black },
+//     {path:'/bbc/:friends?',name:'xy',component:Blue },
+// ]
+ 
+// const router=createRouter({
+//     history:createWebHistory(),
+//     routes
+// })
+
+// createApp(App).use(router).mount('#app')
+
+
+
+ import { createApp } from 'vue'
+ import App from './App.vue'
+ import UserSetting from './components/UserSetting.vue'
+ import UserEmailSub from './components/UserEmailSub.vue'
+ import UserEmail from './components/UserEmail.vue'
+ import Userprofile from './components/Userprofile.vue'
+ import {createRouter,createWebHistory} from 'vue-router'
+ import './assets/main.css'
+const routes=[
+    { path:'/',component:UserSetting },
+  { path:'/setting',component:UserSetting,
+    children:[
+        {
+            path:'email',
+            component:UserEmailSub
+        },
+        {
+            path:'profile',
+            components:{ 
+                default:UserEmail,
+                helper:Userprofile
+            } 
+               
+
+            
+        }
+    ] }
+]
+ 
+const router=createRouter({
+    history:createWebHistory(),
+    routes
+})
+
+createApp(App).use(router).mount('#app')
+```
\ No newline at end of file
diff --git "a/33\347\211\233\346\226\207\350\275\251/20230428-element-plus.md" "b/33\347\211\233\346\226\207\350\275\251/20230428-element-plus.md"
new file mode 100644
index 0000000000000000000000000000000000000000..27be30796095f8e0d5f14e87b36e7130bdd00f03
--- /dev/null
+++ "b/33\347\211\233\346\226\207\350\275\251/20230428-element-plus.md"
@@ -0,0 +1,82 @@
+一、Element-Plus
+HelloWorld.vue
+```
+<script setup>
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+</script>
+
+<template>
+  
+</template>
+
+<style scoped>
+
+</style>
+```
+
+Home.vue
+```
+<script setup>
+ import NavMenu from './NavMenu.vue';
+</script>
+
+<template>
+    <div class="common-layout">
+      <el-container>
+        <el-header>Header</el-header>
+        <el-container>
+          <el-aside width="200px">
+            Aside
+          </el-aside>
+          <el-container>
+          <el-main>Main</el-main>
+          <el-footer>Footer</el-footer>
+          </el-container>
+        </el-container>
+      </el-container>
+    </div>
+  </template>
+
+<style scoped>
+.el-header{
+    background-color: red;
+}
+.el-aside{
+    background-color: blue;
+    height: calc(100vh - 60px);
+}
+.el-main{
+    background-color: rgb(58, 194, 204);
+}
+.el-footer{
+    background-color: rgb(255, 0, 212);
+}
+</style>  
+```
+
+App.vue
+```
+<script setup>
+import HelloWorld from './components/HelloWorld.vue'
+import Home from './components/Home.vue'
+</script>
+
+<template>
+ <Home></Home>
+</template>
+```
+
+main.js
+```
+import { createApp } from 'vue'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+// import './assets/main.css'
+import 'element-plus/dist/index.css'
+createApp(App).use(ElementPlus).mount('#app')
+```
\ No newline at end of file
diff --git "a/33\347\211\233\346\226\207\350\275\251/20230504-\345\257\274\350\210\252\346\240\217.md" "b/33\347\211\233\346\226\207\350\275\251/20230504-\345\257\274\350\210\252\346\240\217.md"
new file mode 100644
index 0000000000000000000000000000000000000000..42e0df9983ee80de76e23791654c1087f81e3bb0
--- /dev/null
+++ "b/33\347\211\233\346\226\207\350\275\251/20230504-\345\257\274\350\210\252\346\240\217.md"
@@ -0,0 +1,149 @@
+一、Element-Plus导航栏
+HelloWorld.vue
+```
+<script setup>
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+</script>
+
+<template>
+  
+</template>
+
+<style scoped>
+
+</style>
+```
+
+Home.vue
+```
+<script setup>
+ import NavMenu from './NavMenu.vue';
+</script>
+
+<template>
+    <div class="common-layout">
+      <el-container>
+        <el-header>Header</el-header>
+        <el-container>
+          <el-aside width="200px">
+            <NavMenu></NavMenu>
+          </el-aside>
+          <el-container>
+          <el-main>Main</el-main>
+          <el-footer>Footer</el-footer>
+          </el-container>
+        </el-container>
+      </el-container>
+    </div>
+  </template>
+
+<style scoped>
+.el-header{
+    background-color: red;
+}
+.el-aside{
+    background-color: blue;
+    height: calc(100vh - 60px);
+}
+.el-main{
+    background-color: rgb(58, 194, 204);
+}
+.el-footer{
+    background-color: rgb(255, 0, 212);
+}
+</style>  
+```
+
+NavMenu.vue
+```
+<template>
+
+<el-radio-group v-model="isCollapse" style="margin-bottom: 20px;">
+  <el-radio-button :label="false">展开</el-radio-button>
+  <el-radio-button :label="true">收起</el-radio-button>
+</el-radio-group>
+<el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
+  <el-submenu index="1">
+    <template slot="title">
+      <i class="el-icon-location"></i>
+      <span slot="title">导航一</span>
+    </template>
+    <el-menu-item-group>
+      <span slot="title">分组一</span>
+      <el-menu-item index="1-1">选项1</el-menu-item>
+      <el-menu-item index="1-2">选项2</el-menu-item>
+    </el-menu-item-group>
+    <el-menu-item-group title="分组2">
+      <el-menu-item index="1-3">选项3</el-menu-item>
+    </el-menu-item-group>
+    <el-submenu index="1-4">
+      <span slot="title">选项4</span>
+      <el-menu-item index="1-4-1">选项1</el-menu-item>
+    </el-submenu>
+  </el-submenu>
+  <el-menu-item index="2">
+    <i class="el-icon-menu"></i>
+    <span slot="title">导航二</span>
+  </el-menu-item>
+  <el-menu-item index="3" disabled>
+    <i class="el-icon-document"></i>
+    <span slot="title">导航三</span>
+  </el-menu-item>
+  <el-menu-item index="4">
+    <i class="el-icon-setting"></i>
+    <span slot="title">导航四</span>
+  </el-menu-item>
+</el-menu>  
+</template>
+  <style>
+    .el-menu-vertical-demo:not(.el-menu--collapse) {
+      width: 200px;
+      min-height: 400px;
+    }
+  </style>
+  
+  <script>
+    export default {
+      data() {
+        return {
+          isCollapse: true
+        };
+      },
+      methods: {
+        handleOpen(key, keyPath) {
+          console.log(key, keyPath);
+        },
+        handleClose(key, keyPath) {
+          console.log(key, keyPath);
+        }
+      }
+    }
+  </script>
+  ```
+
+App.vue
+```
+<script setup>
+import HelloWorld from './components/HelloWorld.vue'
+import Home from './components/Home.vue'
+</script>
+
+<template>
+ <Home></Home>
+</template>
+```
+
+main.js
+```
+import { createApp } from 'vue'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+// import './assets/main.css'
+import 'element-plus/dist/index.css'
+createApp(App).use(ElementPlus).mount('#app')
+```
\ No newline at end of file
diff --git "a/33\347\211\233\346\226\207\350\275\251/20230505-element\345\260\201\350\243\205.md" "b/33\347\211\233\346\226\207\350\275\251/20230505-element\345\260\201\350\243\205.md"
new file mode 100644
index 0000000000000000000000000000000000000000..56c72a4706d339a4a06a05fef6d3839be6b8ae73
--- /dev/null
+++ "b/33\347\211\233\346\226\207\350\275\251/20230505-element\345\260\201\350\243\205.md"
@@ -0,0 +1,286 @@
+一、Element-Plus封装菜单栏
+MenuBar文件夹里的lndex.vue
+```
+<script setup>
+import MenuItem from './MenuItem.vue'
+const props=defineProps(['menus'])
+</script>
+
+
+<template>
+    <div>
+        <el-menu>
+            <menu-item :menus="menus"></menu-item>
+        </el-menu>
+    </div>
+</template>
+```
+
+MenuBar文件夹里的Menultem.vue
+```
+<template>
+    <div>
+        <template v-for="menu in menus">
+            <!-- 如果menu存在下级节点，则使用子菜单栏，否则使用菜单项 -->
+            <el-sub-menu v-if="menu.children && menu.children.length > 0">
+                <template #title>
+                  <el-icon>
+                     <component :is="menu.meta.icon"></component>
+                    <!-- <Tools /> -->
+                  </el-icon>
+                    {{ menu.title }}
+                </template>
+                <MenuItem :menus="menu.children">
+                </MenuItem>
+            </el-sub-menu>
+            <el-menu-item v-else>
+                <el-icon>
+                     <component :is="menu.meta.icon"></component>
+                    <!-- <Tools /> -->
+                  </el-icon>
+                {{ menu.title }}
+            </el-menu-item>
+        </template>
+    </div>
+</template>
+<script setup>
+const props = defineProps(['menus'])
+</script>
+```
+HelloWorld.vue
+```
+<script setup>
+
+</script>
+
+<template>
+  
+</template>
+```
+
+Home.vue
+```
+<template>
+    <div class="common-layout">
+        <el-container>
+
+            <el-container>
+                <el-aside width="200px">
+                    <SlideMenu :menus="menus"></SlideMenu>
+                </el-aside>
+                <el-container>
+                    <el-header>Header</el-header>
+                    <el-main>Main</el-main>
+                    <el-footer>Footer</el-footer>
+                </el-container>
+            </el-container>
+        </el-container>
+    </div>
+</template>
+
+<script setup>
+import SlideMenu from './MenuBar/Index.vue'
+import { reactive } from 'vue';
+const menus = reactive([
+    {
+        title: '系统设置',
+        meta:{icon:'setting'},
+        children:[
+            {
+                title:'王有林CEO',
+                meta: { icon: 'setting' }
+            }
+        ]
+    },
+    {
+        title: '部门管理',
+        meta: { icon: 'Connection' },
+        children: [
+            {
+                title: '技术部',
+                meta: { icon: 'link' },
+                children:[
+                    {
+                        title:'虎子',
+                        meta: { icon: 'link' }
+                    }
+                ]
+            },
+            {
+                title: '销售部',
+                meta: { icon: 'ChatRound' },
+                children:[
+                    {
+                        title:'王梦蕾',
+                        meta: { icon: 'link' }
+                    }
+                ]
+            },
+            {
+                title: '行政部',
+                meta: { icon: 'Position' },
+                children: [
+                    {
+                        title: '行政主管',
+                        meta: { icon: 'Odometer' },
+                        children:[
+                            {
+                                title:'陈梦婉',
+                                meta: { icon: 'PieChart' }
+                            }
+                        ]
+                    },
+                    {
+                        title: '行政专员',
+                        meta: { icon: 'Bell' },
+                        children: [
+                            {
+                                title: '虚伪',
+                                meta: { icon: 'PieChart' },
+                            },
+                            {
+                                title: '徐大力',
+                                meta: { icon: 'MessageBox' },
+                            },
+                            {
+                                title: '国猛',
+                                meta: { icon: 'Menu' },
+                            },
+                        ]
+                    },
+                    {
+                        title: '招聘专员',
+                        meta: { icon: 'HelpFilled' },
+                    },
+                ]
+            },
+        ]
+    },
+])
+</script>
+<style scoped>
+.el-header {
+    background-color: red;
+
+}
+
+.el-aside {
+    background-color: blue;
+    height: calc(100vh - 0vh);
+}
+
+.el-main {
+    background-color: gray;
+}
+
+.el-footer {
+    background-color: rgb(15, 169, 216);
+}
+</style>
+```
+
+SlideMenu.vue
+```
+<template>
+    <div>
+        <el-menu>
+            <template v-for="menu in menus">
+                <!-- 如果menu存在下级节点，则使用子菜单栏，否则使用菜单项 -->
+                <el-sub-menu v-if="menu.children && menu.children.length > 0">
+                    <template #title>{{ menu.title }}</template>
+
+                    <template v-for="subMenu in menu.children">
+
+                        <el-sub-menu v-if="subMenu.children && subMenu.children.length > 0">
+                            <template #title>{{ subMenu.title }}</template>
+                            <template v-for="subSubMenu in subMenu.children">
+
+                                <el-sub-menu v-if="subSubMenu.children && subSubMenu.children.length > 0">
+                                    <template #title>{{ subSubMenu.title }}</template>
+                                </el-sub-menu>
+
+                                <el-menu-item v-else>{{ subSubMenu.title }}</el-menu-item>
+
+                            </template>
+                        </el-sub-menu>
+                        <el-menu-item v-else>{{ subMenu.title }}</el-menu-item>
+                    </template>
+                </el-sub-menu>
+                <el-menu-item v-else>
+                    {{ menu.title }}
+                </el-menu-item>
+            </template>
+        </el-menu>
+
+    </div>
+</template>
+
+  
+<script setup>
+import { reactive } from 'vue'
+const menus = reactive([
+    {
+        title: '系统管理',
+        children:[
+            {
+                title:'王友林CEO'
+            }
+        ]
+    },
+    {
+        title: '部门管理',
+        children: [
+            {
+                title: '技术部',
+                
+            },
+            {
+                title: '销售部',
+                
+            },
+            {
+                title: '行政部',
+                children: [
+                    {
+                        title: '文秘科'
+                    },
+                    {
+                        title: '事务科'
+                    },
+                    {
+                        title: '档案科'
+                    },
+                ]
+            },
+            {
+                title:'财务部'
+                
+            }
+        ]
+    },
+])
+</script>
+```
+
+App.vue
+```
+<script setup>
+  import Home from './components/Home.vue'
+</script>
+
+<template>
+  <Home></Home>
+</template>
+```
+
+main.js
+```
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
+createApp(App).use(ElementPlus).mount('#app')
+```
\ No newline at end of file