Vue.js为什么以“事件”为参数调用“ updateXY”函数？

Question

所以最近我开始学习Vue.js框架，并找到了一个代码片段。我不知道为什么"updateXY"函数以"event"作为参数被调用，即使未指定也是如此。

index.html

<div id="vue-app">
    <div id="canvas" v-on:mousemove="updateXY">
      ({{ x }}, {{ y }}) 
    </div>
</div>

app.js

new Vue({
el: "#vue-app",
data: {
    x: 0,
    y: 0
},
methods: {
  updateXY: function (event) {
    console.log(event);
  }
}

}）;

Answer 1

  

有时，在事件处理函数中，您可能会看到一个用诸如event，evt或e的名称指定的参数。这称为事件对象，它会自动传递给事件处理程序以提供额外的功能和信息。

请参阅event handlers文档

Answer 2

您正在指定事件要调用的函数。

事件的发出者确定要传递的参数（和多少）。

您的函数参数声明是您访问传递的参数的一种方法，而不是一种限制对函数调用的访问的方法。

可以使用任意数量的参数来调用JS中的函数，而与声明无关。都可以通过arguments变量进行访问。