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