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);
  }
}

}); * +1011 *

Answer 1

Вы указываете, какую функцию вызывать при событии.

Источник события определяет, какие (и сколько) параметров передать.

Объявление параметров функции является способомдля вас доступ к переданным параметрам, а не способ ограничения доступа к вызову функции.

Функция в JS может вызываться с любым количеством параметров, независимо от объявления.Все они доступны через переменную arguments.

Answer 2

Иногда внутри функции обработчика событий вы можете увидеть параметр, указанный с именем, например, event, evt или просто e. Это называется объектом события, и он автоматически передается обработчикам событий для предоставления дополнительных функций и информации.

Пожалуйста, обратитесь обработчики событий документы