diff --git a/index.html b/index.html
index b43db43..d82ce7f 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,13 @@
     </style>
   </head>
   <body>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
+    <div id="app">
+    	<p>{{item}}</p>
+    	<button @click="incre">Add</button>
+    	<button @click="decre" v-if="item>0">Minus</button>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+	 <script src="index.js"> 
+	 </script>
   </body>
 </html>
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..e4e9b01
--- /dev/null
+++ b/index.js
@@ -0,0 +1,14 @@
+var app = new Vue({
+    el : '#app',
+    data: {
+       item: 0,
+    },
+    methods:{
+    	incre(){
+    		this.item+=1;
+    	},
+    	decre(){
+    		this.item-=1;
+    	}
+    }
+});
\ No newline at end of file
