Exportar valores de inputs entre distintos componentes - VUEX

[ide45]

¿Cómo le hago? ¿Voy por buen camino? Se ocupan promesas?

Qué fuentes me recomiendan investigar?

Gracias, de antemano.

[doguedogue]

Creo que asi como lo tines es con Vue y con el state es Vuex.

Te recomiendo el curso de Fernado Herrera: Vue.js: De cero a experto
o algo parecido si te quieres especializar y/o entenderle super bien, aunque con las prácticas y programas vistos aqui se puede sacar el proyecto.

[richirrim]

Broh para obtener los valores de los inputs lo ideal y lo correcto sería hacerlo usando la directiva v-model. En cada input coloca la directiva y le pasas el nombre de la variable que creaste en tu modelo data() { ... }.

Ejemplo:

// En vez de ir directamente 
// al DOM usando getElementById(). 
// Coloca en cada input el v-model.

<input v-model="name" />

// Y en tu data solo lo dejas así.
data() { 
    return {
        name: ' '
    }
}

Y haces lo mismo con los demás inputs.
Y para exportar datos a otros componentes necesitas usar eventos personalizados. Y así pasar datos del componente hijo al padre.

[ChristianDeM]

Como te comentaron lo ideal seria hacerlo con Vuex ya que desde el store es mas facil mover las variables de cada input a diferentes componentes y views.

[ide45]

Muchas gracias a todos los que respondieron, supe qué buscar y se pudo resolver por sus comentarios. Al final lo hice de esta manera.

STATE

MUTATION

Componente de origen

Componente de destino

[Jose-Galicia]

Yo también tenia esa duda, estaba usando los v-model para hacer eso, pero voy a hacerlo de la misma manera.