Löschen Eingabefeld bei der Verwendung von Vue mit Vuex

Question

Ich möchte Eingaben löschen, nachdem ich eine neue Todo in meiner Vuex Todo App hinzufügen, und ich frage mich, ob dies Anwendungsstatus ist, und sollte mit Vuex oder Komponentenstatus behandelt werden, was innerhalb der Komponente selbst behandelt werden sollte. Ich habe im Moment nur ein v-model mit dem Eingang angebracht, die auf eine leere Zeichenfolge enthält:

<input v-model="text"...>

Inside my Komponente: http://codepen.io/p-adams/pen/YWBAqP

Answer 1

Ich folge ein:

data(){ return{ text: '' } } Hier eine Demo Faustregel, um zu bestimmen, wann etwas ein Zustand auf Anwendungsebene sein muss und wann etwas auf Komponentenebene sein muss.

Jeder Status, der sich nur auf die lokale Ansicht einer Komponente auswirkt und nie außerhalb der Ansicht erforderlich ist, kann ein lokaler Status sein. Wenn Sie sich im Idealfall für vuex entschieden haben, werden Sie dies ebenfalls vermeiden.

Alles andere sollte in den Zustand der Anwendungsebene gehen. Dann ist das Löschen der Eingabe nach dem Hinzufügen von etwas nur eine Frage der Einstellung this.text="" in der addTodo Methode.