vue.js - 即使相应记录未更改，组件也会重新渲染 - Vue JS，Vuex ORM

Question

我在 Vue JS 上有一个应用程序，它通过 WebSocket 从服务器接收数据并呈现更改。我正在使用 Vuex ORM 来定义商店中的实体。我面临的问题是，如果收到对 id 为 1 的记录有更改的更新，则为 id 为 2 的记录呈现的组件将被重新呈现（原则上不应该因为它是绑定到未更新）。

我的组件看起来像这样，

<UserDetail :userId="userId" :key="userId" />

在组件内部，有一个如下所示的计算属性

computed: {
   User(){ // User property is attached to the UI 
    return UserEntity.find(this.userId);
   }
}

UserEntity 的结构很简单，它有五个数据字段，并且与任何其他实体没有关系。只要连接的 WebSocket 有更新，就会添加 UserEntity 中的数据。

我尝试向组件添加一个 :key ，因为我读到该键控制组件的呈现行为，但这不起作用。

期待任何帮助！