diff --git a/components/Button.vue b/components/Button.vue
new file mode 100644
index 0000000..21cbe47
--- /dev/null
+++ b/components/Button.vue
@@ -0,0 +1,21 @@
+<template>
+  <button @click="emitClick">
+    {{ text }}
+  </button>
+</template>
+
+<script>
+export default {
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    emitClick () {
+      this.$emit('eclick')
+    }
+  }
+}
+</script>
diff --git a/layouts/default.vue b/layouts/default.vue
index acc3408..0acb4c7 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,6 +1,5 @@
 <template>
   <div>
-    123
     <Nuxt />
   </div>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
index 5499ee6..90448ef 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,9 +1,16 @@
 <template>
   <div class="test">
     test
+    <Button text="Hello World" @eclick="submitPhoto" />
   </div>
 </template>
 
 <script>
-export default {}
+export default {
+  methods: {
+    submitPhoto () {
+      console.log('test')
+    }
+  }
+}
 </script>