diff --git a/element-vue/src/components/personal.vue b/element-vue/src/components/personal.vue
new file mode 100644
index 0000000..7e82c50
--- /dev/null
+++ b/element-vue/src/components/personal.vue
@@ -0,0 +1,27 @@
+<template>
+    <div>
+        <el-container>
+            <el-aside width="300px">
+                <personal-aside></personal-aside>
+            </el-aside>
+            <el-main>
+                <personal-message></personal-message>
+            </el-main>
+        </el-container>
+    </div>
+</template>
+
+<script>
+    import personalMessage from "~/components/personalMessage";
+    import personalAside from "~/components/personalAside";
+
+    export default {
+        components: {personalMessage, personalAside}
+    }
+</script>
+
+<style scoped>
+    .personal-message {
+        margin: 200px 20% 0 20%;
+    }
+</style>