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:{}
}

 

 


版权声明:本文为u011332271原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>