Vuex getter filteredUsers在dom中不是reactiv，而是在控制台中

// 在Vuex的store中定义filteredUsers getter函数
const store = new Vuex.Store({
  state: {
    users: [...], // 假设这是我们的用户数据
    filter: 'active' // 假设这是我们的过滤条件
  },
  getters: {
    filteredUsers: state => {
      // 根据过滤条件筛选用户数据
      if (state.filter === 'active') {
        return state.users.filter(user => user.active);
      } else if (state.filter === 'inactive') {
        return state.users.filter(user => !user.active);
      } else {
        return state.users;
      }
    }
  }
});

import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['filteredUsers'])
  },
  mounted() {
    console.log(this.filteredUsers); // 在控制台中输出filteredUsers
  }
}

<!-- 在DOM中使用filteredUsers -->
<div>{{ filteredUsers }}</div>