[use of veux developer tools - use of getters]

Basic use

1. Initialization data 、 To configure actions、 To configure mutations, Operation file store.js

   // introduce Vue Core library 
   import Vue from 'vue'
   // introduce Vuex
   import Vuex from 'vuex'
   // quote Vuex
   Vue.use(Vuex)
   
   const actions = {
         
       // Respond to the actions added in the component 
   	jia(context,value){
         
   		// console.log('actions Medium jia Is called the ',miniStore,value)
   		context.commit('JIA',value)
   	},
   }
   
   const mutations = {
         
       // Executive plus 
   	JIA(state,value){
         
   		// console.log('mutations Medium JIA Is called the ',state,value)
   		state.sum += value
   	}
   }
   
   // Initialization data 
   const state = {
         
      sum:0
   }
   
   // Create and expose store
   export default new Vuex.Store({
         
   	actions,
   	mutations,
   	state,
   })
   

2. Read... In component vuex Data in ：$store.state.sum

3. Component vuex Data in ：$store.dispatch('action Method name in ', data ) or $store.commit('mutations Method name in ', data )

   remarks ： If there is no network request or other business logic , Components can also cross actions, Not to write dispatch, Direct writing commit