Chamada de pacote de método Vuex

vuex

https://vuex.vuejs.org/zh/guide/mutations.html

index.js

importar Vue de 'vue' 
importar Vuex de 'vuex' 
importar * como ações de './actions' 
importar * como getters de './getters' 
importar estado de './state' 
importar mutações de './mutations' // 
As mutações registram e exibem o log de modificação quando o estado é modificado.import createLogger from 'vuex / dist / logger' 
Vue.use (Vuex) // A ferramenta de depuração no vuex, que é mais cara e usa apenas 
const debug = process no desenvolvimento . env.NODE_ENV! == 'produção' 
exportar novo Vuex.Store padrão ({ 
  ações, 
  getters, 
  estado, 
  mutações, 
  strict: debug, 
  plugins:debugar ?





 [createLogger ()]: [] 
})

state.js define variáveis ​​de estado no vuex

estado const = { 
  cantor: {}, 
  
}
 estado padrão da 
exportação

Variáveis ​​de estado de quebra automática de filtro getters.js

 

// Filtre e calcule o atributo 
export cantor de const = state => state.singer

 

actions.js chama de forma assíncrona métodos em mutações de modificação

 

exportar const ran = função ({commit}, {list}) { 
  commit (types.SET_SINGER, true ) 
}

 

mutations-type.js encapsula constantes de método em mutações

 

// O valor constante do método usado na 
exportação de mutação const SET_SINGER = 'SET_SINGER'

 

mutations.js modificam sincronicamente variáveis ​​no estado

 

// Método de sincronização, modifique o valor da 
importação de estado * como tipos de './mutation-types' 

const mutations = { 
  [types.SET_SINGER] (estado, cantor) { 
    state.singer = singer 
  } 
} 

exportar mutações padrão