Vuex

Question 1

What is Vuex?

Answer 1

Vuex is a library to manage global state.

or

Vuex helps manage Data that affects multiple components over the entire app

For example.

• Auth
• Shopping cart items

Question 2

Why is Vuex worth using?

Answer 2

Vuex affects your codebase:

L: less error-prone
A: avoid fat components
R: reduces unpredictably

by

C: clearly defined data flow
O: Outsourced state management
P: Predictable state management / flow

Question 3

What do mutations do?

Answer 3

changes values in a state.

Question 4

What do getters do?

Answer 4

Returns values from the a state

it is where you ‘get a value’. from the state.

you can manipulate it here , and it won’t change I the state. i.e multiplier the value by 3

it will then send the data onward.

method

Question 5

what do actions do?

Answer 5

components should trigger acoutions

actions should trigger mutations

note! components should not trigger mutations

Used for asynrous code.

method

Question 6

What are the core components that are used in Vuex

What is the core file structure.

Answer 6

You have

G: Getters
A: Actions
M: Mutations
S: State

Folder structure.

Store
index
Actions
mutations

Question 7

How do you interact witt the store

Answer 7

$store.state.data

Question 8

what is a payload

Answer 8

it can be aything , number / object , it just represent data that has been passed on a commit.

Question 9

what is a payload

Answer 9

it can be aything , number / object , it just represent data that has been passed on a commit.

Question 10

what does _ do in an argument ( _, something)

Answer 10

it’s an indication that that you recognise that it has a argument that you do not want to use it

for example not needing the store on a getter