vuex学习(二)使用篇

import Vue from 'vue'
import Vuex from 'vuex'
import fetch from '../common/httpRequest'

Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
       //全局状态,取值取这里的东西 
      name:''

    },
    mutations: {
      //同步提交到这操作相对应的状态值,需要在这里修改state里的值
        login(state, payload) {
           state.name=paylode.name
        }
   
    },
    actions: {
         //和mutations类似 但是是异步的
    },
    getters:{
		//相当于页面中的computed 
	},		
	modules:{
      //模块化 取值的时候需要通过定义的模块前缀调用 可能比较少用到
      //但是需要注意 提交的时候和mutations提交一模一样
      //所以方法名不能和mutations里面的重名
	}
   
})

export default store

 

你可能感兴趣的:(vue,前端)