Vue 监听store数据变化

在Vue中，可以使用watch来监听Vuex store中数据的变化。以下是一个简单的例子：




<template>
  <div>{{ count }}</div>
</template>
 
<script>
import { mapState } from 'vuex';
 
export default {
  computed: {
    ...mapState({
      count: state => state.count
    })
  },
  watch: {
    count(newVal, oldVal) {
      // 当store中的count发生变化时，这个函数会被调用
      console.log(`count changed from ${oldVal} to ${newVal}`);
    }
  }
};
</script>

在这个例子中，我们使用了mapState辅助函数来将store中的count状态映射到局部计算属性。然后我们使用watch来监听这个计算属性的变化。当count变化时，watcher函数会被触发，并执行相应的逻辑。

Vue 监听store数据变化

评论已关闭

推荐阅读