Events 事件的行为,以及Vue.js中的$event变量

Events 事件的行为,以及Vue.js中的$event变量,events,vue.js,arguments,Events,Vue.js,Arguments,对于下面的方法“UpdateCords”,有必要提供“event”参数。下面的div跟踪mousemove事件,并通过方法实时更新光标的x和y坐标 <div id="content"> <div @mousemove="updateCoords($event)" style="height:400px;width:400px;border:2px solid black;"> {{x}} {{y}} </div> </div> &

对于下面的方法“UpdateCords”,有必要提供“event”参数。下面的div跟踪mousemove事件,并通过方法实时更新光标的x和y坐标

<div id="content">
  <div @mousemove="updateCoords($event)" style="height:400px;width:400px;border:2px solid black;">
    {{x}} {{y}}
  </div>
</div>

<script>
  new Vue({
    el: '#content',
    data: {
      x: 0,
      y: 0
    },
    methods: {
      updateCoords: function(event){
      this.x = event.clientX;
      this.y = event.clientY;
     }
    }
  })
</script>

view是否自动知道传入事件参数是$event?或者$event对于在其他特定情况下使用很重要吗???

默认情况下,处理程序接收
$event
作为其参数。你可以用
,在这种情况下,如果希望
$event
成为参数之一,则需要包含它。

默认情况下,处理程序将
$event
作为其参数接收。你可以用 ,在这种情况下,如果希望
$event
成为参数之一,则需要包含它

  @mousemove="updateCoords($event)"
//is the same as 
  @mousemove="updateCoords()"