Coggle requires JavaScript to display documents.
...mapState(['state1', 'state2', ...]
this.$store.state('state_name', data)
count: 0
this.$store.commit('mutation_name', data)
...mapMutations(['mutation_name1', 'mutation_name2', ...])
this.mutation_name()
changeCount: (state, count) => { state.count = count }
this.$store.dispatch('action_name', data)
...mapActions(['action_name1', 'action_name2', ...])
this.action_name()
addToDo: ({commit, state}, item) => { commit('addItem', commit('changeCount', state.items.length) }
countText: (state) => { return Items: ${state.count} }
...mapGetters(['getter1', 'getter2', ...])
this.getter_name()
this.$store.dispatch('getter_name')
fResult