Vue JS State Management with Pinia/Vuex 2

Question 1

In Pinia, how do you reset a store's state back to its initial values?

Accepted Answer

store.$reset()

Answer

`$reset()` is a built-in Pinia method on Options Stores that restores state to the values returned by the `state` factory function.

Question 2

What is a Pinia plugin?

Accepted Answer

A function added to the Pinia instance that can add properties or wrap actions for every store

Answer

Pinia plugins are functions registered with `pinia.use(myPlugin)` that receive context for each store, allowing you to add shared properties, wrap actions, or persist state.

Question 3

How does Vuex handle asynchronous operations like API calls?

Accepted Answer

Through actions, which can be async and then commit mutations

Answer

Vuex actions are the designated place for async logic. After the async work, the action commits a mutation to update state synchronously.

Question 4

What is the difference between state and getters in Pinia?

Accepted Answer

State holds raw reactive data; getters are computed properties derived from state

Answer

State is the raw reactive data in a store, while getters are computed (memoized) values derived from state or other getters, similar to Vue's `computed` properties.

Question 5

How do you subscribe to store mutations in Vuex 4?

Accepted Answer

store.subscribe((mutation, state) => { ... })

Answer

`store.subscribe` registers a handler called after every mutation, receiving the mutation object and resulting state. It returns an unsubscribe function.

Vue JS Practice Test

Vue JS Practice Test

Vue JS State Management with Pinia/Vuex 2