Vue中使用watch监听Vuex中的数据变化

使用computed和watch监听vuex数据变化

1.conputed从Vuex中获取需要监听的对象，赋值给Obj；

2.watch监听Obj的变化；

代码如下：

export default{
	component:{},
	data(){
		return{}
	},
	computed:{
		Obj(){
			return this.$store.state.data.age
		}
	},
	watch:{
		Obj(newVal,oldVal){
			//可以对数据执行相应的 *** 作
			console.log(newVal,oldVal)
		}
	},
	methods:{},
}

 直接对Vuex对象进行watch监听

export default{
	component:{},
	data(){
		return{}
	},
	watch:{
		'$store.state.data.age'(newVal,oldVal){
			//对数据执行 *** 作
			console.log(newVal,oldVal)
		}
	},
	methods:{}
}