vuex 设置方式 及 监听vuex中的state属性获取方式

1 设置方式

this.$store.commit("app/SET_CARS_LIST_REQYEST",false)

2 watch监听vuex state属性获取方式

watch:{

//监听vuex中的isClickCarsList是否发生变化(app是命名空间的文件名app.js)

"$store.state.app.isClickCarsList":{

handler(newVal){

//false--关掉。 true 打开

if(!newVal){//为false时，点击的不是车辆列表

this.carsList = [];

this.$store.commit('app/SET_CARS_LIST_STATUS',true)

}

}

}

}

3 app.js

const state = {

//是否点击了车辆列表

isClickCarsList:true,

//是否请求了车辆列表

isRequestCarsList:false,

}

const mutations = {

SET_CARS_LIST_STATUS(state,value){

state.isClickCarsList = value;

},

SET_CARS_LIST_REQYEST(state,value){

state.isRequestCarsList = value;

}

}

const actions = {}

const getters = {}

export default {

namespaced:true,

state,

mutations,

actions,

getters

}