Use watch to apply default value

kevinongko · kevinongko · commit d8f2d4ecfd3c · 2017-02-24T08:27:44.000+07:00
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,4 @@
 npm-debug.log
 node_modules
+/.vscode
+/.idea
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-numeric",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "Input field component to display currency value based on Vue.",
   "author": "Kevin Ongko",
   "main": "src/vue-numeric.vue",
diff --git a/src/vue-numeric.vue b/src/vue-numeric.vue
@@ -224,9 +224,10 @@ export default {
     }
   },
 
-  mounted () {
-    // Apply default value if available.
-    if (this.default) this.processValue(this.defaultValue)
+  watch: {
+    'default' (val, old) {
+      this.processValue(this.defaultValue)
+    }
   }
 }
 </script>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vue-numeric",`
`3`		`- "version": "1.2.4",`
	`3`	`+ "version": "1.3.0",`
`4`	`4`	`"description": "Input field component to display currency value based on Vue.",`
`5`	`5`	`"author": "Kevin Ongko",`
`6`	`6`	`"main": "src/vue-numeric.vue",`
Original file line number	Diff line number	Diff line change
`@@ -224,9 +224,10 @@ export default {`
`224`	`224`	`}`
`225`	`225`	`},`
`226`	`226`
`227`		`- mounted () {`
`228`		`- // Apply default value if available.`
`229`		`- if (this.default) this.processValue(this.defaultValue)`
	`227`	`+ watch: {`
	`228`	`+ 'default' (val, old) {`
	`229`	`+ this.processValue(this.defaultValue)`
	`230`	`+ }`
`230`	`231`	`}`
`231`	`232`	`}`
`232`	`233`	`</script>`