Vue: [Vue 경고]: 속성 또는 메서드 "인덱스"가 인스턴스에 정의되어 있지 않지만 렌더링 중에 참조됩니다.

마침내 문제를 찾았습니다. 원래 코드를 다음으로 변경하는 것을 잊었습니다.

(탭, 인덱스)

다른 파일에서

경고하다:

<a class="item" v-for="tab in tabs" :class="{active : activeTab==index}" @click="toggleActiveTab(index)">
            {{tab.name}}
        </a>

경고 없음:

<a class="item" v-for="(tab,index) in tabs" :class="{active : activeTab==index}" @click="toggleActiveTab(index)">
            {{tab.name}}
        </a>

먼저 이 글을 올려 죄송합니다만 저도 비슷한 상황을 겪고 있습니다..

Vue.js 버전
2.1.6

Vuex.js 버전
2.1.1

내 파일 actions.js

 내보내기 const addForm = ({ 디스패치 }) => {
 디스패치('ADD_FORM')
 }

 내보내기 const deleteForm = ({ 디스패치 }) => {
 디스패치('DELETE_FORM')
 }

그리고 내 component.vue

 <템플릿>
 < ul class="드롭다운 메뉴">
 <리>
 < a @click="addForm"> 저장</a> 
 < /리>
 <리>
 < a @click="deleteForm"> 삭제</a>
 < /리>
 < /ul>
 < /템플릿>

이것은 결과입니다

vue.common.js?e881:519[Vue warn]: "addForm" 속성 또는 메서드가 인스턴스에 정의되어 있지 않지만 렌더링 중에 참조됩니다. 데이터 옵션에서 반응형 데이터 속성을 선언해야 합니다.
vue.common.js?e881:519 [Vue 경고]: "deleteForm" 속성 또는 메서드가 인스턴스에 정의되어 있지 않지만 렌더링 중에 참조됩니다. 데이터 옵션에서 반응형 데이터 속성을 선언해야 합니다.

이 경고를 수정하려면 어떻게 해야 합니까?

@carvalhoviniciusluiz 구성 요소에 actions 를 정의해서는 안 됩니다. http://vuex.vuejs.org/en/actions.html#dispatching -actions-in-components를 참조하십시오.