vuex總結

看風景就發表於2018-03-27

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來代替

相關文章