Vue 2 arguments in inline (in-template) event handler

It is not $arguments[0], but just arguments[0] (without the $). I am surprised that it actually works in the inline handler. So the following code is valid and will work:

<component @some-event="someObject.field = arguments[0]"></component>

The docs for Methods in Inline Handlers specifies $event as a special variable that gets the first parameter passed via event. I have always used it till now.

After reading your question, a bit more research led me to this reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments

It seems every javascript function has a local variable called arguments, which is used when a function is expected to get variable number of arguments.

Using arguments[] as inline statements is definitely possible, but not documented anywhere in the context of vue.js framework. On the other hand, if you use $event in inline handler for events, it feels safer as it is documented clearly and will not break in a future version of Vue.js

Sample usage for $event:

<component @some-event="someObject.field = $event"></component>

Tags:

Vue.Js