Vue: 여러 인수가 있는 $emit은 $event를 사용하는 인라인 리스너에서 데이터를 잃습니다.

arguments : https://jsfiddle.net/50wL7mdz/30115/

스프레드 구문은 *.vue 구성 요소를 사용할 때 변환되지만 브라우저 내 컴파일을 사용하는 경우에는 변환되지 않습니다.

...arguments 여전히 사람들을 위해 작동합니까? @myevent="$emit('myevent', ...arguments)" 를 실행하여 다시 내보내고 이벤트를 실행하면 최신 vue-template-compiler 및 vue를 사용하여 TypeError: "vm is undefined" 콘솔에 오류가 발생합니다.

이것은 오류의 소스인 내 트랜스파일된 코드의 일부입니다.

            on: {
              myevent: function($event) {
                var i = arguments.length,
                  argsArray = Array(i)
                while (i--) argsArray[i] = arguments[i]
                return _vm.$emit.apply(
                  void 0,
                  ["myevent"].concat(argsArray)
                )
              }
            }

그리고 이것은 실제로 5번째 줄 vm._events[lowerCaseEvent] 에서 TypeError를 발생시키는 Vue 코드의 일부입니다. 위의 void 0 가 undefined 를 아래의 vm 값으로 설정하기 때문이라고 생각합니다. 문제가 어디에서 오는지 알 수 있습니까?

Vue.prototype.$emit = function (event) {
    var vm = this;
    if (process.env.NODE_ENV !== 'production') {
      var lowerCaseEvent = event.toLowerCase();
      if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) {
        tip(
          "Event \"" + lowerCaseEvent + "\" is emitted in component " +
          (formatComponentName(vm)) + " but the handler is registered for \"" + event + "\". " +
          "Note that HTML attributes are case-insensitive and you cannot use " +
          "v-on to listen to camelCase events when using in-DOM templates. " +
          "You should probably use \"" + (hyphenate(event)) + "\" instead of \"" + event + "\"."
        );
      }
    }
    var cbs = vm._events[event];
    if (cbs) {
      cbs = cbs.length > 1 ? toArray(cbs) : cbs;
      var args = toArray(arguments, 1);
      var info = "event handler for \"" + event + "\"";
      for (var i = 0, l = cbs.length; i < l; i++) {
        invokeWithErrorHandling(cbs[i], vm, args, vm, info);
      }
    }
    return vm
  };

@yyx990803 ...인수를 사용하려고 할 때 @rightaway 와 동일한 오류가