Application Development - 2 · Quiz 2 · Sep 2025

Welcome Message Main card content here Default slot content Click Me

Welcome Message Default slot content

Welcome Message Main card content here Default slot content

Welcome Message Main card content here

Welcome Message Default slot content Click Me

Error handler 15 Catch block 30 Next then 15 Finally block 30 Final then 25

Success handler 25 Next then 50 Finally block undefined Final then 60

Error handler 15 Catch block 30 Next then 15 Finally block 25 Final then 75

Error handler 15 Catch block 30 Next then 15 Finally block undefined Final then 25

0

-1

-5

-3

2

The $emit method is used by child components to send custom events to parent components.

Event modifiers like .prevent and .stop can be chained together on the same event listener.

The v-on directive can only be used with native DOM events and cannot handle custom events.

Parent components can listen to child component events using the v-on or @ syntax in the template.

The class "active" will be applied to the div element only when the variable "isActive" evaluates to true.

The class "text-bold" will always be applied to the div element regardless of the value of "isBold".

The class "hidden" will be applied to the div element when the variable "isVisible" evaluates to false.

All three classes will be applied simultaneously if "isActive", "isBold", and "isVisible" are all true.

The user's authentication token will be sent in the response header named "X- Auth-Token" and can be used for subsequent API requests.

CSRF protection blocks cross-origin requests to protect against malicious applications accessing sensitive data.

The authentication token will be generated using the SECRET_KEY = “production-secret- key".

The authentication token will be generated using the argon2 algorithm, since SECURITY_PASSWORD_HASH is set to "argon2".

Typing in the input updates the paragraph instantly.

This demonstrates one-way data binding.

If the username value is changed from the console, the input field also updates.

If the directive v-model is replaced with v-bind, the code will work the same way as it was working before.

Vuex stores data globally and can be accessed across components.

Vuex requires actions, mutations, and state separation.

Vuex avoids deeply nested prop-passing.

Vuex makes every component completely independent, with no shared data.

Clicking the button fetches users and updates DOM.

Vue automatically re-renders the list when users changes.

v-for is used for conditional rendering.

The code demonstrates Vue’s reactivity system.

Ensures UI works consistently in Chrome, Firefox, Safari, Edge etc.

Tools like Cypress, Selenium, and BrowserStack can be used.

It is unnecessary since Vue handles all rendering.

Some CSS/JavaScript features may behave differently across browsers.

"7" (string)

7 (number)

"undefined" (string)

"[object Promise]" (string)

Getters are used to modify the store’s state and must be synchronous.

Mutations are the only way to directly modify Vuex state, and they should be synchronous.

Actions directly modify state and must not return Promises.

You can call mutations asynchronously (e.g., use setTimeout inside a mutation) without side effects.

Nothing renders

“Loading…” remains

Hello MAD2

Error (await in mounted)

Error: Network Down Done

Done Error: Network Down

Error: Network Down

Error: Unhandled Promise rejection       **MLT** **Section Id :** 640653122507 **Section Number :** 8 **Section type :** Online **Mandatory or Optional :** Mandatory **Number of Questions :** 13 **Number of Questions to be attempted :** 13 **Section Marks :** 40 **Display Number Panel :** Yes **Section Negative Marks :** 0 **Group All Questions :** No **Enable Mark as Answered Mark for Review and** No **Clear Response :** **Section Maximum Duration :** 0 **Section Minimum Duration :** 0 **Section Time In :** Minutes **Maximum Instruction Time :** 0