Очистка поля ввода при использовании Vue с Vuex

Question

Я хотел бы очистить ввод после добавления нового todo в мое приложение toue vuex, и мне интересно, является ли это состояние приложения и должно обрабатываться с помощью состояния vuex или компонента, который должен обрабатываться внутри самого компонента. Сейчас я просто есть v-model приложенный к входу, который держит на пустую строку:

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

Внутри моего компонента:

data(){ return{ text: '' } } Вот демо: http://codepen.io/p-adams/pen/YWBAqP

Answer 1

Я следую чтобы определить, когда что-то должно быть состоянием уровня приложения и когда что-то должно быть на уровне компонента.

Любое состояние, которое влияет только на локальный вид компонента и никогда не будет требоваться за пределами представления, может быть локальным. Если вы выбрали vuex, вы также избегаете этого.

Все остальное должно перейти в состояние уровня приложения. Затем очистка ввода после добавления чего-то - это вопрос установки this.text="" в методе addTodo.