Vue学习笔记：Vuex存值与取值

存值

methods: {
	save () {
		this.$store.commit('getList', data);
	}
},

取值

methods: {
	value () {
		this.$store.state.handle.list.data;
	}
},

store的index.js中

import Vue from 'vue'
import Vuex from 'vuex'
import handle from './handle'

Vue.use(Vuex)

export default new Vuex.Store({
	// 数据
	state: {
	
	},
	// 改变state中变量的方法，mutations是改变state数据的唯一途径，commit()
	mutations: {

	},
	 // 做逻辑操作，计算、发送ajax，dispath()
	actions: {
	
	},
	// 根据state中的数据，计算数据
	getters: {
	
	},
	modules: {
		handle
    }
})

store的handle.js中

let state = {
	list: []
}

let mutations = {
	getList (state, info) {
		state.list = info
	}
}

export default {
    state: state,
    mutations
}