Given the following Vuex store setup. const store = new Vuex.Store({ state: { counter: 0 }, mutations: { increment(state) { state.counter++; } }, actions: { async incrementAsync({ commit }) { await new Promise(resolve => setTimeout(resolve, 1000)); commit('increment'); } } }); Assuming the store is correctly binded with a Vue app, what will be the correct behavior when the following code is executed? this.$store.dispatch('incrementAsync');

(B) The state will be updated after the asynchronous operation completes.

(A) The increment mutation will be called immediately after the dispatch.

(C) The incrementAsync action will be executed synchronously, and increment will be committed before the promise resolves.

(D) The action will be skipped since mutations cannot be called inside actions.

Modern Application Development II · End Term · 22 Dec 2024 · September 2024 term · Set QDF1

Question 24: Given the following Vuex store setup. Assuming the store…

Question 24

+4.5 marksOne correct option

Given the following Vuex store setup.

javascript

1const store = new Vuex.Store({
2  state: {
3      counter: 0
4  },
5  mutations: {
6      increment(state) {
7          state.counter++;
8      }
9  },
10  actions: {
11      async incrementAsync({ commit }) {
12          await new Promise(resolve => setTimeout(resolve, 1000));
13          commit('increment');
14      }
15  }
16});

Assuming the store is correctly binded with a Vue app, what will be the correct behavior when the following code is executed?

javascript

1this.$store.dispatch('incrementAsync');

A
The increment mutation will be called immediately after the dispatch.
B
The state will be updated after the asynchronous operation completes.
C
The incrementAsync action will be executed synchronously, and increment will be committed before the promise resolves.
D
The action will be skipped since mutations cannot be called inside actions.

Show answer

Correct answer

B
The state will be updated after the asynchronous operation completes.

See the whole paper Take it as a mock test

Question 24 of 32 in the IIT Madras BS Modern Application Development II (MAD 2) End Term paper sat on 22 Dec 2024, in the September 2024 term (IIT M FOUNDATION DIPLOMA AN EXAM QDF3 22 Dec 2024). It carries 4.5 marks.

This question was also asked in

MAD 2 End Term — 22 Dec 2024, Set QDF3 · question 18

Question 24: Given the following Vuex store setup. Assuming the store…

Question 24

This question was also asked in

More questions from this paper