Vue.js - "속성 또는 메서드가 정의되어 있지 않습니다"에 대한 v-.js

Vue.js - "속성 또는 메서드가 정의되어 있지 않습니다"에 대한 v-.js

나는 많은 사람들이 가지고 있는 문제를 보고 있지만, 내가 발견한 것과 유사한 질문들을 통해서는 도저히 해결할 수 없다.

사용하고 있습니다.v-forVue 컴포넌트 및 어레이 값에는 항상 변수가 누락되었다는 경고가 표시됩니다.

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

jsfidle을 작성했습니다.

<template>
  <section>
    <section :v-for="text in texts">{{text}}</section>
  </section>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component<Map>({
  data() {
    return {
      texts: ["bbbbb", "xxxxx"]
    };
  }
})
export default class Map extends Vue {}
</script>

변경했을 경우{{text}}로.{{texts[0]}}(https://jsfiddle.net/hdm7t60c/3/)에서 확인할 수 있습니다.bbbbb반복되지 않고 오류도 납니다.

이것은 내가 안고 있는 문제에 대한 빙산의 일각이지만, 내가 이 문제를 해결한다면, 나는 모든 것을 바로잡을 수 있을 것이다.

바인딩 기호를 제거해 보십시오.:부터v-for키 속성도 지정해야 합니다.

<template>
  <section>
    <section v-for="(text,index) in texts" :key="index">{{text}}</section>
  </section>
</template>

언급URL : https://stackoverflow.com/questions/57563707/vue-js-v-for-property-or-method-is-not-defined