【两种方式】vuex 如何监听页面状态的变化

由于 Vuex 的状态存储本来就是响应式的，从 store 实例中读取状态最简单的方法，就是在计算属性中返回某个状态。

在 B 页面引入以下代码：

computed: {
    myValue() {
        return this.$store.state.someValue
    }
}

此时，当 A 页面通过某种方式更改了 this.$store.state.someValue 的值，B 页面中 myValue 的值便会自动得到更新。

如果题主所指的监听，是要在这个值变化后触发其他动作，则需要在 B 页面加入侦听属性：

watch: {
    myValue: function(newVal, oldVal) {
        //其他业务代码
    }
}