vuex的基本使用1

1.装包:
npm i vuex -S
2.main.js中导入:
1/ import Vuex from 'vuex
2/ Vue.use(Vuex)
3/ var store = new Vuex.Store()
4/ Vue实例中挂载store
3.main.js创建的store中:

var store = new Vuex.Store({
	state:{//this.$store.state.***
		car:[]//创建一个要存放数据的数组
	},
	mutations:{//this.$store.commit('方法名','按需传递唯一的参数')
		addToCar(state,goodsInfo){
			state.car = goodsInfo
		}
	},
	getters:{//this.$store.getters.***
		getDatas(state){
			var carDatas = state.car
		}
		return carDatas
	}
})

4.需要存储数据的页面中:

//方法名中:
addToShopCar(){	
	var goodsInfo = this.***//需要放入store的数据
		this.$store.commit("addToCar",goodsInfo)
}

5.需要使用数据的页面中:

在方法中写入:
this.*** = $store.getters.getDatas