added functionalities for the count

anoobbava · Apr 14, 2019 · ea4d692 · ea4d692
1 parent 09703e8
commit ea4d692
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/src/components/ButtonCount.vue b/src/components/ButtonCount.vue
@@ -1,13 +1,22 @@
 <template>
-  <h3>welcome to button count application</h3>
+  <div>
+    <h3>welcome to button count application</h3>
+    <p>Button count is: {{count}}</p>
+    <button @click="changeCount">click</button>
+  </div>
 </template>
 
 <script>
 export default {
-
+data () {
+  return {
+    count: 0
+  }
+},
+methods: {
+  changeCount () {
+    this.count += 1
+  }
+  }
 }
 </script>
-
-<style>
-
-</style>