vue lezioni 2

by Francesco Frustaci

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<div id="app2">
<button v-on:click="conta(2,$event)"><!--secondo parametro non obbligatorio -->
clicca
</button >
<p>{{counter}}</p>
<p v-on:mousemove="updateCordinate">Coordina: {{x}} /{{y}}
-<span v-on:mousemove.stop="">Stop</span>

</p>
<input type="text"v-on:keyup.stop="alertMe">
</div>

JavaScript

new Vue({
 el:'#app2',
 data:{
 	counter:0,
  x:0,
  y:0
 },
 methods:{
  conta:function(step,event){
  this.counter+=step;
  },
  updateCordinate: function(event){
  	this.x=event.clientX;
    this.x=event.clientY;
  },
  alertMe: function(){
  	alert('Pd');
  }
 }
})