How to properly change store in Vuex?

Question

Vue.js

Hello, the question is: how to change the data in the store correctly? Let me give you an example: now I have the following line in the component: Is it normal to do this? Or do I need to create a method in mutations specifically for this? How to do "ethically"?
this.$store.state.someArray.push(this.item)

Answer 1

You cannot change the state directly, for this there are mutations. The state can be changed (mutated) only with the help of a mutation. vuex has a strict mode that will throw an error on state changes outside of the mutation.