要监听的数据
//必须写 要不然getter拿不到改变之后的数据
this.$store.commit("webdeptId", deptId);
vuex
// 储存全局值
state: {
deptId: '',
},
// 计算器属性
getters: {
fruitsCount(state) {
return state.deptId;
},
},
// 操作方法
mutations: {
//监听的数据
webdeptId(state, deptId) {
state.deptId = null; //vue监听不到数组的改变 所以清空重置一下就好咯
state.deptId = deptId
},
},
监听的页面
computed: {
count() {
return this.$store.state.deptId;
},
},
触发的函数 //computed中的方法与watch中的方法一致
watch: {
count(newCount, oldCount) {
console.log(newCount);
}
},