vuex
https://vuex.vuejs.org/zh/guide/mutations.html
index.js
import Vue desde 'vue' import Vuex desde 'vuex' import * como acciones desde './actions' import * como getters desde './getters' import estado desde './state' import mutations desde './mutations' // Plug-in. Las mutaciones registrarán y mostrarán el registro de modificaciones al modificar el estado import createLogger desde 'vuex / dist / logger' Vue.use (Vuex) // La herramienta de depuración en vuex, que es más costosa y solo usa const debug = process. env.NODE_ENV! == 'producción' exportar nuevo Vuex.Store predeterminado ({ acciones, captadores, estado, mutaciones, estricto: depuración, complementos:depurar ? [createLogger ()]: [] })
state.js define variables de estado en vuex
const state = { singer: {}, } estado predeterminado de exportación
variables de estado de ajuste del filtro getters.js
// Filtra y calcula el atributo export const singer = state => state.singer
actions.js invoca asincrónicamente métodos en mutaciones de modificación
export const run = function ({commit}, {list}) { commit (types.SET_SINGER, true ) }
mutations-type.js encapsula las constantes del método en mutaciones
// El valor constante del método utilizado en mutation export const SET_SINGER = 'SET_SINGER'
mutations.js modifica sincrónicamente variables en estado
// Método de sincronización, modifique el valor de la importación de estado * como tipos de './mutation-types' const mutations = { [types.SET_SINGER] (state, singer) { state.singer = singer } } exportar mutaciones predeterminadas