1
Create a Vuex Store using TypeScript
3m 32s
2
Access State by using Vuex getter functions with TypeScript
2m 38s
3
Modify State by using Vuex Mutations with TypeScript
2m 47s
4
Use Vue Tools to Navigate Across the Vuex State
1m 29s
5
Perform Async Updates using Vuex Actions with TypeScript
3m 30s
6
Handle Forms Connected to a Vuex Store using TypeScript
2m 2s
7
Split Vuex Store into Modules using TypeScript
4m 49s
8
Lazy Load a Vuex Module at Runtime using TypeScript
2m 43s
9
Access the Root State from a Vuex Module using TypeScript
1m 46s
10
Use Namespaces in Vuex Stores using TypeScript
2m 52s
11
Call a Root Vuex Mutation or Action from within a Module in TypeScript
2m 19s
12
Write a Vuex Plugin using TypeScript
4m 22s
13
Add options to a Vuex plugin using TypeScript
3m 3s

Modify State by using Vuex Mutations with TypeScript

Vue.js^2.2.6
TypeScript^2.3.2

Share this video with your friends

Mutations are the only way to modify application state. They make updating state in an atomic and synchronous way easy to reason about.

This lesson will show you how to modify state by using Vuex Mutations. We will add type-safety with TypeScript using the @Mutation decorator (imported from vuex-class).

Course

Vue.js State Management with Vuex and TypeScript

haris

~ 7 years ago

Did not fully get how making a copy of newTodo object, made the @keyup.enter work? Is it because the newTodo argument inside addTodo is referencing the reactive DATA property of that vue component?

Alex Jover Moralesinstructor

~ 7 years ago

First it passes the object that it's being used for the input value, and object are passed by reference, so it's always the same one. That's why you need to create a new one.

Nima

~ 7 years ago

Nima

~ 7 years ago