Modern Application Development II · End Term · 3 Sept 2023 · May 2023 term · Set QPF1-S1

Question 26: Consider the below Vue component and a Vuex store implem…

Question 26

+4.5 marksOne or more correct options

Consider the below Vue component and a Vuex store implementation.

javascript

1const store = new Vuex.Store({
2  state: {
3    count: 0,
4    total_cost: 0,
5    products: [],
6  },
7
8  mutations: {
9      update_total_cost : Placeholder2
10  }
11})
12
13Vue.component("product", {
14    template : `<div>
15                    Assume some code
16                </div>`,
17
18    methods : {
19        update_store_cost : function (count, price) {
20            Placeholder1
21
22        },
23    }
24})

You are supposed to invoke the mutation function “update_total_cost” from the method named “update_store_cost” of the Vue component “product”. The “update_total_cost” mutation function should update the store data variable “total_cost” with an appropriate value. The cost is the product of “count” and “price” parameters of the function “update_store_cost”. Assume that both these parameters are of Numeric type, and need not be typecasted.
Which of the following is/are the possible replacements for “placeholder1” and “placeholder2”?

Select all that apply.

Show answer

Correct answers

See the whole paper Take it as a mock test

Question 26 of 32 in the IIT Madras BS Modern Application Development II (MAD 2) End Term paper sat on 3 Sept 2023, in the May 2023 term (IIT M FOUNDATION ET1 EXAM QPF1 S1 03 Sep). It carries 4.5 marks.

Question 26: Consider the below Vue component and a Vuex store implem…

Question 26

More questions from this paper