在使用Vue和Vuex时清除输入字段

Question

我想在我的vuex待办事项应用中添加新待办事项后清除输入，并且我想知道这是否为应用程序状态，并且应该使用vuex或组件状态来处理，应该在组件本身内处理。现在我只是有一个v-model附着持有到一个空字符串输入：

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

内我的组件：

data(){ return{ text: '' } } 这里是一个演示：http://codepen.io/p-adams/pen/YWBAqP

Answer 1

我跟随经验法则来确定何时需要某个应用程序级别的状态以及什么时候需要处于组件级别。

任何只影响组件本地视图的状态，永远不会在视图外被需要，可以是本地状态。如果你选择vuex理想情况下，你也会避免这种情况。

其他一切都应该进入应用程序级别状态。然后在添加内容之后清除输入只是在addTodo方法中设置this.text=""的问题。