Vue

Giriş

by FrOnDaL

HTML

<div id="app">
<button v-on:click="counter++">arttır</button>
<button v-on:click="counterF(2)">arttır func</button>

<button v-on:click="counter--">azalt</button>

<button v-on:click="mesaj('deneme')">mesaj</button>

   <p>{{ counter }}</p>
   <p v-on:mousemove="upon">Koordinat : {{x}} , {{y}}</p>
   
   <input type="text" v-on:input="verial">
   <p>{{degeral}}</p>
   <input type="text" v-on:keyup.enter="alertx">
   <p>{{deg}}</p>
</div>

Vue

new Vue({
	el : "#app",
  data : {
  	counter : 0,
    x : 0,
    y : 0,
    degeral : "Gelen Değerler",
    deg : "son degerler"
  },
  methods : {
 		mesaj : function(name){
    	alert(name);
    },
  
  	counterF : function(step){
    	this.counter += step;
    },
    upon : function(evnet){
    	this.x = event.clientX;
      this.y = event.clientY;
    },
    verial : function(veriler){
    	this.degeral = veriler.target.value;
    },
    alertx : function(v){
    	this.deg = v.target.value;
    }
  }
});