diff --git a/2021-05-04_vuex-01-starting-setup/src/App.vue b/2021-05-04_vuex-01-starting-setup/src/App.vue index 11f2b61..a3a6bb6 100644 --- a/2021-05-04_vuex-01-starting-setup/src/App.vue +++ b/2021-05-04_vuex-01-starting-setup/src/App.vue @@ -1,8 +1,9 @@ @@ -10,17 +11,19 @@ import BaseContainer from './components/BaseContainer.vue'; import TheCounter from './components/TheCounter.vue'; import ChangeCounter from './components/Changecounter'; +import FavoriteValue from './components/FavoriteValue'; export default { components: { BaseContainer, TheCounter, - ChangeCounter + ChangeCounter, + FavoriteValue }, methods: { increaseCounter() { - this.$store.commit('increment'); + this.$store.commit('increase', { value: 10 }); } } }; diff --git a/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue b/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue new file mode 100644 index 0000000..f8017c1 --- /dev/null +++ b/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue @@ -0,0 +1,14 @@ + + + diff --git a/2021-05-04_vuex-01-starting-setup/src/store.js b/2021-05-04_vuex-01-starting-setup/src/store.js index 3751f8f..f779e26 100644 --- a/2021-05-04_vuex-01-starting-setup/src/store.js +++ b/2021-05-04_vuex-01-starting-setup/src/store.js @@ -9,6 +9,9 @@ const store = createStore({ mutations: { increment(state) { state.counter = state.counter + 1; + }, + increase(state, payload) { + state.counter = state.counter + payload.value; } } });