En el siguiente fragmento de código, ¿por qué y cómo el estado y el hombre regresan vacíos mientras todavía puedo acceder a una propiedad del objeto man?
nota: el fragmento de código es un módulo que forma parte de un módulo que se importa a otro archivo en el que se crea la tienda.
class Man { constructor(firstName, lastName) { this.firstName = firstName this.lastName = lastName } } const state = { man: undefined, } const mutations = { setMan(state, data) { state.man = new Man( data.firstName, data.lastName ) console.log("state: " + JSON.stringify(state)) // state: {} console.log("man: " + JSON.stringify(state.man)) // man: {} console.log("first name: " + state.man.firstName) // John } } commit('setMan', { firstName: "John", lastName: "Snow" })El estado, las mutaciones en realidad deberían ser propiedades de las configuraciones de la tienda. Allí declaras las propiedades pero no están envueltas en la tienda Vuex.
Es posible que desee consultar esta página del documento que lo explica: https://vuex.vuejs.org/guide/#the-simplest-store .
(Aquí te falta la parte createStore ).