vue2组件中监听vuex中state的值

vue2组件中监听Vuex 中state的值可以使用 mapState。

官网链接：

• mapState 辅助函数帮助我们生成计算属性. State|Vuex
• mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。Getter | Vuex (vuejs.org)

参考文档：

•  监听Vuex中的数据变化 - 资深if-else侠 - 博客园 (cnblogs.com)
• Vuex入门（2）—— state,mapState,...mapState对象展开符详解-CSDN博客

• Vuex详解一：彻底弄懂state、mapState、mapGetters、mapMutations、mapActions

• ...mapstate和...mapgetters的区别

mapState 使用方法：

1. Vuex 中数据： state：{ message:"" } 

2. 在组件A中导入 mapState ：import { mapState } from 'vuex' 

3. 在组件A的计算属性中使用对象展开运算符将 state的值 混入 computed 对象中：

//  A组件中映射 state数据 到计算属性
    computed: {
        ...mapState(['message'])
    }

4. 在组件A的watch中监听message：

watch: {
    // 监听vuex中的数据
    message(newValue,oldValue) {
        console.log('监听vuex中的message | newValue', newValue);
        console.log("oldValue",oldValue)
    }
}