State

Yep! como dato, en la nueva version de VUE-CLI, "@vue/cli-plugin-babel": "^3.3.0"no hace falta instalarse el plugin de stage2, ya viene solo!

un saludo

npm i -S vuex

Vuex utiliza un solo árbol de estado, es decir, este único objeto contiene todo el estado de su nivel de aplicación y sirve como la “fuente única de verdad”. Esto también significa que generalmente tendrá una sola tienda para cada aplicación. Un solo árbol de estado facilita la localización de una parte específica del estado y nos permite tomar fácilmente instantáneas del estado actual de la aplicación con fines de depuración.

Si quieren revisar el codigo de esta clase y de las siguientes pueden hacerlo en este codesandbox

npm  i -D babel-preset-stage-2

Si entiendo bien, Vuex es para almacenar toda la data general de la aplicación para compartirla entre los componnetes, y que estos puedan reflejarla o activar acciones que la muten a nivel general.
Un componente puede seguir teniendo su propia data para cuestiones locales.

Es bueno tener presente el uso de alguna librería que nos permita usar objetos inmutables, por ejemplo immutable.js. Pues tanto el Object.assign como el spread operator hacen una copia superficial de los datos.

<<👌