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 版权协议,转载请附上原文出处链接和本声明。