在使用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=""的問題。