PKTseng/computed-watch.markdown

## computed-watch.markdown

      
    Raw
  

              computed-watch.markdown
            
          
    computed & watch 比較

A Pen by PKTseng on CodePen.
License.

  
## index.html
<div id="app">
 <input v-model="a">+
 <input v-model="b">=
 <input v-model="c">
</div>

## script.js
new Vue({
 el:"#app",
 data:{
   a: 0,
   b: 0,
   c: 0
 },
 watch:{
   a(val){
   this.c = parseInt(val, 10) +parseInt(this.b, 10) ;
 },
 b(val){
   this.c = parseInt(val, 10) + parseInt(this.a, 10);
   },
 }
});

## scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>
	<div id="app">
	<input v-model="a">+
	<input v-model="b">=
	<input v-model="c">
	</div>
	new Vue({
	el:"#app",
	data:{
	a: 0,
	b: 0,
	c: 0
	},
	watch:{
	a(val){
	this.c = parseInt(val, 10) +parseInt(this.b, 10) ;
	},
	b(val){
	this.c = parseInt(val, 10) + parseInt(this.a, 10);
	},
	}
	});