구성 API 플러그인을 사용하는 Vue 2의 기능 구성 요소에서 정의되지 않은 수신기 오류(정상 작동 중)

구성 API 플러그인을 사용하는 Vue 2의 기능 구성 요소에서 정의되지 않은 수신기 오류(정상 작동 중)

기능 컴포넌트에서 다음 오류가 발생하였습니다(Vue 2용 컴포지션 API 플러그인 사용).

[Vue warn] :속성 또는 메서드 "청취자"는 인스턴스에서 정의되지 않지만 렌더링 중에 참조됩니다.속성을 초기화하여 데이터 옵션 또는 클래스 기반 구성 요소에서 이 속성이 반응하는지 확인하십시오.

[Vue warn] :data() 오류: "TypeError: 속성 "ob"을 정의할 수 없습니다. 개체를 확장할 수 없습니다."

이상한 점은 청취자들이 예상대로 일을 하고 있다는 것이다.하지만 여전히 오류를 던지고 있다.감 잡히는 게 없어요?

<template functionnal>
  <span
    :class="[ 'tag', { 'little': props.little }]"
    v-on="listeners"
  >
    <slot></slot>
  </span>
</template>

<script lang="ts">
import { defineComponent } from '@vue/composition-api';

export default defineComponent({
  props: {
    little: {
      type: Boolean,
      default: false
    }
  },
  setup(props, { listeners }) {
    return {
      props,
      listeners
    };
  }
});
</script>

<style lang="scss" scoped>
.tag {
  display: flex;
  align-items: center;
  height: 1em;
  padding: 0.6em 0.75em;
  border-radius: 16px;
  font-family: Interstate-Black;
  font-size: 0.90rem;
  color: white;
  background-color: black;
  white-space: nowrap; // do not use a carriage return for long named tags, expand the tags instead

  &.little {
    font-size: 0.75rem;
  }
</style>

템플릿에 오타가 있습니다.functionnal그래야 한다functional.

그렇지 않으면 이 코드 및 상자에서 볼 수 있듯이 코드가 오류 없이 작동합니다.

언급URL : https://stackoverflow.com/questions/63303006/undefined-listeners-error-on-functional-component-while-working-correctly-in-v