Vue: [Vue warn]: Die Eigenschaft oder Methode "index" ist nicht auf der Instanz definiert, wird aber beim Rendern referenziert.

Endlich habe ich das Problem gefunden. Ich habe vergessen, den Originalcode zu ändern in

(Registerkarte, Index)

in einer anderen Datei

warnen:

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

keine Warnung:

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

Erstmal verzeiht mir diesen Beitrag, aber ich mache gerade eine ähnliche Situation durch..

Vue.js-Version
2.1.6

Vuex.js-Version
2.1.1

meine Datei action.js

 export const addForm = ({ Versand }) => {
 Versand('ADD_FORM')
 }

 export const deleteForm = ({ Versand }) => {
 Versand('DELETE_FORM')
 }

und meine Komponente.vue

 < Vorlage>
 < ul class="dropdown-menu">
 < li>
 < a @click="addForm"> speichern< /a> 
 < /li>
 < li>
 < a @click="deleteForm"> löschen< /a>
 < /li>
 < /ul>
 < /template>

das ist das ergebnis

vue.common.js?e881:519[Vue warn]: Die Eigenschaft oder Methode "addForm" ist in der Instanz nicht definiert, wird aber beim Rendern referenziert. Stellen Sie sicher, dass Sie reaktive Dateneigenschaften in der Datenoption deklarieren.
vue.common.js?e881:519 [Vue warn]: Die Eigenschaft oder Methode "deleteForm" ist in der Instanz nicht definiert, wird aber beim Rendern referenziert. Stellen Sie sicher, dass Sie reaktive Dateneigenschaften in der Datenoption deklarieren.

Was muss ich tun, um diese Warnung zu korrigieren?

@carvalhoviniciusluiz Sie sollten actions für eine Komponente definieren, siehe: http://vuex.vuejs.org/en/actions.html#dispatching -actions-in-components