?

const store = new Vuex.Store({state: {count: 0},mutations: {increment (state) {state.count++}},actions: {increment (context) {context.commit('increment')}} })

?

?

1、流程順序

“相應視圖—>修改State”拆分成兩部分，視圖觸發Action，Action再觸發Mutation。

2、角色定位

基于流程順序，二者扮演不同的角色。

Mutation：專注于修改State，理論上是修改State的唯一途徑。

Action：業務代碼、異步請求。

3、限制

角色不同，二者有不同的限制。

Mutation：必須同步執行。

Action：可以異步，但不能直接操作State。

本面試題為前端常考面試題，后續有機會繼續完善。我是歌謠，一個沉迷于故事的講述者。

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總（建議學習收藏）?

總結

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题之第七十七篇之vuex中mutation和action的详细区别 （建议收藏）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。