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