diff --git a/vueblog/src/App.vue b/vueblog/src/App.vue
new file mode 100644
index 0000000..86274f6
--- /dev/null
+++ b/vueblog/src/App.vue
@@ -0,0 +1,22 @@
+<template>
+  <div id="app" style="background-color: rgba(235, 235, 235, 0.08)">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'app'
+}
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>