[Vuejs]-Correct place to run script in vuex flow?

by

0👍

✅

I think it would be better like this:

Component:

this.$store.dispatch('searchProducts')

Action:

searchProducts(state) {
    commit('updateProducts', productSearch())'
}

Mutator:

updateProducts(state, products) {
    state.products = products
}

Actions shouldn’t directly affect state’s values.
You always need to use commit and mutators to update your store variables, and your mutators should never call functions, they work like setters (receive a variable as paramater and apply it to the state variable).

Leave a comment