events - 事件的行为，以及 Vue.js 中的 $event 变量

Question

使用以下方法“updateCoords”，有必要提供“事件”参数。以下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>

如果没有传递事件，这个函数就不起作用。对我来说，我们会在这里传递一些东西是有意义的，因为 X 和 Y 坐标取决于事件的最后位置。但是这些数据是如何存储的呢？事件是否在自身内部跟踪和存储数据？

另外，我是否将特殊的 $event 变量传递给我的方法似乎也没有什么区别。呼唤...

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

View 是否自动知道传入事件参数是 $event？或者 $event 在某些其他特定情况下使用很重要吗？？

Answer 1

默认情况下，处理程序接收 $event 作为它们的参数。您可以使用 methods in inline handlers ，在这种情况下，如果您希望 $event 成为参数之一，则需要包含它。