Home > Article > Web Front-end > Implement the initialization method of vuex
Create store folder
1. Function: put asynchronous operations
File: actions.js
Content:
2. Function: Get data in state
File: getters.js
Content:
export const singer = state => state.singer
3. Function: Place method name
File: mutation-types.js
Content:
export const SET_SINGER = 'SET_SINGER'
4. Function: Manipulate state data
File: mutations.js
Content:
import * as types from './ mutation-types'
const mutation = {
[types.SET_SINGER](state,singer){
state.singer = singer
}
}
export default mutations
5. Function: Data
File: state.js
Content :
const state = {
singer:{}
}
export default state
6 .Function: Entry
File: index.js
Content:
import Vue from 'vue'
import Vuex from 'vuex'
import * as actions from './actions'
import * as getter from './getters'
import mutations from './mutations'
import state from './state'
import createLogger from 'vuex/dist/logger'
Vue.use(Vuex)
// When developing the environment, track each time Modification of state
const debug = process.env.NODE_ENV !== 'production'
export default new Vuex.Store({
actions,
getters,
mutations,
state,
strict: debug,
plugin: debug ? [createLogger()] : []
})
The above is the detailed content of Implement the initialization method of vuex. For more information, please follow other related articles on the PHP Chinese website!