Vue JS State Management with Pinia/Vuex

Question 1

What is the recommended state management library for Vue 3?

Accepted Answer

Pinia

Answer

Vuex 4

Answer

Redux

Answer

MobX

Question 2

How do you define a store in Pinia using the Setup Store syntax?

Accepted Answer

defineStore('id', () => { const count = ref(0); return { count } })

Answer

createStore({ state: () => ({ count: 0 }) })

Answer

new Pinia({ id: 'myStore', state: { count: 0 } })

Answer

useStore({ id: 'myStore', state: ref(0) })

Question 3

In Vuex 4, what is the only way to synchronously change state?

Accepted Answer

Mutations

Answer

Actions

Answer

Getters

Answer

Plugins

Question 4

How do you access a Pinia store's state and actions inside a Vue 3 component?

Accepted Answer

const store = useMyStore(); store.count; store.increment()

Answer

const store = new MyStore(); store.state.count

Answer

inject('myStore').count

Answer

this.$store.state.count

Question 5

What does `storeToRefs` do in Pinia?

Accepted Answer

Destructures store state and getters while preserving their reactivity

Answer

Converts a store to a Vue ref

Answer

Creates a copy of the store

Answer

Syncs two stores together

Question 6

Which Vuex 4 feature allows you to organize state into separate namespaced modules?

Accepted Answer

Namespaced modules with `namespaced: true`

Answer

Pinia stores

Answer

Vuex plugins

Answer

Store composition