Vue 监听vuex对象 数据改变了 但是监听没有反应

可以使用`$watch`来监听`vuex`对象的变化。以下是一个示例代码：

// 在Vue组件中
export default {
  // ...
  mounted() {
    // 监听vuex对象的变化
    this.$watch(
      () => this.$store.state.yourVuexObject, // 监听的vuex对象
      (newValue, oldValue) => {
        // 处理变化的逻辑
        console.log('vuex对象发生了变化', newValue, oldValue);
      },
      { deep: true } // 深度监听，也可以根据需要设置其他选项
    );
  },
  // ...
}

在上述代码中，我们通过`this.$watch`方法来监听`this.$store.state.yourVuexObject`的变化。当`yourVuexObject`发生变化时，回调函数会被触发，你可以在回调函数中处理变化的逻辑。

请注意，在使用`$watch`时，需要在组件的`mounted`钩子函数中进行监听，以确保`vuex`对象已经被初始化。

希望这个解决方案对你有帮助！如果还有其他问题，请随时提问。

相关问题

Vue 监听vuex对象 数据改变了 但是监听没有反应 刷新页面 就可以了

如果在刷新页面后监听器才能正常工作，这可能是因为在刷新页面时，Vue 实例和 Vuex 的状态都会重新初始化，而监听器只会在 Vue 实例创建后才会生效。

一种解决方法是将监听器的代码放在 Vue 实例的 `created` 生命周期钩子函数中，这样可以确保监听器在 Vue 实例创建后立即生效。示例如下：

// 在Vue组件中
export default {
  // ...
  created() {
    // 监听vuex对象的变化
    this.$watch(
      () => this.$store.state.yourVuexObject, // 监听的vuex对象
      (newValue, oldValue) => {
        // 处理变化的逻辑
        console.log('vuex对象发生了变化', newValue, oldValue);
      },
      { deep: true } // 深度监听，也可以根据需要设置其他选项
    );
  },
  // ...
}

通过将监听器放在 `created` 生命周期钩子函数中，可以确保在组件创建后立即进行监听。

另外，请确保在定义 Vuex 的状态时，使用了 Vue 提供的响应式方法，例如使用 `Vue.set(obj, key, value)` 或者 `this.$set(obj, key, value)` 进行状态的修改，以确保监听器可以正常触发。

希望这个解决方案对你有帮助！如果还有其他问题，请随时提问。

vue3监听vuex中数据变化

在Vue 3中，你可以使用`watch`函数来监听Vuex中的数据变化。具体步骤如下：

1. 在组件中引入Vuex store，可以使用`useStore`函数来获取store实例：

import { useStore } from 'vuex'
export default {
  setup() {
    const store = useStore()
    // ...
  }
}

2. 使用`watch`函数监听store中的数据变化，需要传入两个参数：要监听的数据（可以是getter函数）和回调函数。

import { useStore, watch } from 'vuex'
export default {
  setup() {
    const store = useStore()

    // 监听state中的count变化
    watch(() => store.state.count, (newValue, oldValue) => {
      console.log(`count变化了，新值为${newValue}，旧值为${oldValue}`)
    })

    // 监听getter中的userInfo变化
    watch(() => store.getters.userInfo, (newValue, oldValue) => {
      console.log(`userInfo变化了，新值为${newValue}，旧值为${oldValue}`)
    })

    // ...
  }
}

这样就可以监听Vuex中任意数据的变化了。需要注意的是，`watch`函数必须在`setup`函数内部使用。另外，在Vue 3中，如果要监听响应式对象的变化，建议使用`watchEffect`函数。