CRUD Vuex

Question 1

Mutaciones y Acciones - Ejemplo

Answer 1

Home.vue
…mapActions[‘setTareas’],
/*Cuando procesamos el form llamamos a setTareas en el State que recibe
una tarea, (objeto), y le hace commit a la mutación que hace push al array tareas */

  this.setTareas(this.tarea); // llama a la accion

index. js

import { createStore } from ‘vuex’

export default createStore({
  state: {
    tareas: [],
    tarea: {
      nombre: '',
      categorias: [],
      estado: '',
      numero: 0
    },

  },
  mutations: {
    set(state, tarea){
      state.tareas.push(tarea);
    }
  },
  actions: { //se llaman de las vistas
    setTareas({commit},tarea){
      commit('set', tarea); //commitea a la mutacion
    }
  },
  modules: {
  }
})