vuex的過程
規定所有的資料操作必須通過 action - mutation - state change 的流程來進行,再結合Vue的資料檢視雙向繫結特性來實現頁面的展示更新。
統一的頁面狀態管理以及操作處理,可以讓複雜的元件互動變得簡單清晰,同時可在除錯模式下進行時光機般的倒退前進操作,
檢視資料改變過程,使code debug更加方便。
vuex的actions和mutations的區別
mutations是對狀態的直接修改,是一個同步修改狀態的函式
actions是對狀態的批量修改,通常是非同步操作,包含一組mutations,在非同步操作的前後,失敗,成功等處修改元件狀態
也可以是同步操作,但是需要執行多次mutations
vue的watch注意點
1. watch是非同步執行,watch操作會在nextTick中執行,連續的多次對同一個變數賦值,只有最後一次的賦值是有效的
2. watch的方法,只有在值發生改變時候才會執行,賦同樣的值,watch方法不會觸發
3. 當watch多個值要執行同一個方法時候,可以用computed來代替