s4

brandonxiang · brandonxiang · commit 17da7ea35829 · 2016-07-22T15:08:51.000+08:00
diff --git a/package.json b/package.json
@@ -4,7 +4,8 @@
     "description": "A Vue.js project",
     "main": "src/main.js",
     "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "dev": "webpack-dev-server --inline --hot"
     },
     "repository": {
         "type": "git",
@@ -31,7 +32,8 @@
         "css-loader": "^0.23.0",
         "style-loader": "^0.13.0",
         "vue-loader": "^7.3.0",
-        "vue-html-loader": "^1.0.0"
+        "vue-html-loader": "^1.0.0",
+        "vue-hot-reload-api": "^1.2.0"
     },
     "dependencies": {
         "vue": "^1.0.26"
diff --git a/src/app.vue b/src/app.vue
@@ -1,19 +1,22 @@
 <template>
-<div class="message">{{ msg }}</div>
+<div class="message">Value is: {{ count }}</div>
+<a href="#" @click.prevent="increment">Increment</a>
 </template>
 
 <script>
 export default {
- data () {
- return {
- msg: 'Hello from vue-loader!'
- }
- }
+  data () {
+    return {
+      count: 0
+    }
+  },
+  methods: {
+    increment () {
+      this.count ++;
+    }
+  }
 }
 </script>
 
 <style>
-.message {
- color: blue;
-}
 </style>
