What is the calling method of vuex mutation action sibling?

This article introduces the knowledge of "what is the way to call vuex mutation action at the same level". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Mutation action sibling call

Mutatiion sibling call: this.commit

Action sibling call: this.dispatch

/ synchronous const mutations = {add (state, payload) {state.countB + = 10}, plus (state, payload) {this.commit ('add')}} / / Asynchronous (timer, etc.) const actions = {addCountBAction ({state, commit}, payload) {commit (' add', payload)}, plusCountBToAAction ({state, commit, dispatch, getters, rootState, rootGetters} Payload) {/ / https://vuex.vuejs.org/zh/api/#actions setTimeout (() = > {dispatch ('addCountBAction')}, 2000) / / or thiis.dispatch ('addCountBAction')}} mutation and action distinguish const store = new Vuex.Store ({state: {count: 0}, mutations: {increment (state) {state.count++}}, actions: {increment (context) {context.commit (' increment')}}) 1, process order

"corresponding view-> modify State" is split into two parts, and the view triggers Action,Action and then triggers Mutation.

2. Role positioning

Based on the process order, the two play different roles.

Mutation: focusing on modifying State is theoretically the only way to modify State.

Action: business code, asynchronous request.

3. Restrictions

With different roles, the two have different restrictions.

Mutation: must be executed synchronously.

Action: you can do it asynchronously, but you cannot manipulate State directly.

This is the end of the content of "what is the calling method of vuex mutation action sibling". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!