将 Vue 与 Vuex 一起使用时清除输入字段

【问题标题】：Clearing input field when using Vue with Vuex将 Vue 与 Vuex 一起使用时清除输入字段
【发布时间】：2016-12-20 22:51:39
【问题描述】：

我想在我的 vuex todo 应用程序中添加一个新的 todo 后清除输入，我想知道这是否是应用程序状态，应该用 vuex 或组件状态处理，它应该在组件本身内处理.现在我只有一个 v-model 附加到输入，它保存一个空字符串：

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

在我的组件内部：

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

【问题讨论】：

【解决方案1】：

我遵循经验法则来确定何时需要成为应用程序级状态以及何时需要处于组件级。

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

其他一切都应该进入应用程序级状态。然后在添加东西后清除输入，只需在addTodo方法中设置this.text=""即可。

【讨论】：