vuex 笔记

/***************************************/

 

js修改 vuex

this.$store.commit('changnav', ids);

 .vue文件里面的

 

 

mutations

changnav:(state,index)=>{
state.NavActive = index;
}

上面的是vuex js里面的

 

 

this.$store.commit('changnav', 5);//修改nav .vue

 

获取

和 data 同级

//获取到 active 
computed: {
active () {
return this.$store.state.NavActive;
}
},

 

获取方式2

直接在.vue 文件里面获取
this.$store.state.area_id

/***************************************/

area_id: 20

/***************************************/

获取和修改

console.log("地区ID",this.$store.state.area_id);
this.$store.commit('changearea', 25);//修改nav
console.log("地区ID",this.$store.state.area_id);

 

/***************************************/

在 computed: 中获取

computed: {
...mapState(['user']),
mapid (){
return this.$store.state.area_id;
}

},

使用

{{mapid}}

/***************************************/

详情可以参考

https://github.com/shaozhu520/vue-demo-suning/blob/master/src/store/store.js