javascript - vuex, getters are only executed once, data update getters data is not updated

Question

I encountered a problem in the project. I used vuex to manage state and data. Actions->mutations->state uses this method to modify state data. Getters obtain data. In the component, computed updates the obtained data. Problem The data is updated in mutations, but not in getters, and why is the getters only executed once?

In store:

In component:

Triggering the submitForm() method will request data

Answer 1

getters less return

Answer 2

I suggest you take a good look at the official vuex documentation. Mutation changes an attribute of the state, not directly changing the state itself

Answer 3

The problem is solved. There are several solutions. One is to use mapState, and the other is to change this
into an assignment form

Answer 4

@Msevensun My current situation is the same as yours, but when I use mapState, why does it still print the initial data instead of the asynchronously changed data?