vuex 中的对象user变化之后在vue组件中怎么监听到computed

在Vue中使用Vuex进行状态管理时，可以通过`watch`选项来监听Vuex中状态的变化。如果你需要监听对象`user`的变化并在Vue组件中反映出来，可以通过以下步骤实现：

1. 在Vue组件中引入`watch`选项。
2. 在`watch`选项中定义一个监听函数，该函数的参数会接收到旧值和新值。
3. 由于`computed`依赖于组件的`data`或`props`，直接监听Vuex状态的变化需要特别处理，因为`computed`属性自身并不会直接依赖Vuex中的状态。

以下是一个简单的示例代码：

<template>
  <div>{{ computedUser }}</div>
</template>

<script>
import { mapActions, mapState } from 'vuex';

export default {
  computed: {
    ...mapState({
      user: state => state.user
    }),
    computedUser() {
      // 这里可以根据需要返回处理后的user对象
      return this.user;
    }
  },
  watch: {
    // 使用深度监听来监视user对象的变化
    user: {
      deep: true,
      handler(newVal, oldVal) {
        // 当user对象发生变化时，可以在这里进行特定操作
        // 比如可以手动更新某个计算属性
        this.computedUser = newVal;
      }
    }
  },
  methods: {
    ...mapActions([
      // 你的actions映射
    ])
  }
}
</script>

在这个示例中，`computed`属性`computedUser`依赖于Vuex状态中的`user`对象。当`user`对象在Vuex中发生变化时，由于我们已经在`watch`中设置了深度监听（`deep: true`），所以当`user`对象的属性发生变化时，`watch`中的`handler`函数会被调用，然后我们手动更新`computedUser`属性。