vue2 websocket 每次推送新的数据改变样式 旧数据返回样式

可以通过在 Vue 组件中使用 computed 属性和 v-bind:class 指令来实现此功能。

首先，定义一个 computed 属性，用于判断每个数据是否为最新的推送数据：

computed: {
  isLatestData() {
    return this.data === this.latestData
  }
}

然后，在模板中使用 v-bind:class 指令来绑定样式类，并根据 computed 属性的值来判断是否添加样式类：

<div v-for="data in dataList" :key="data.id" :class="{ 'new-data': isLatestData(data) }">
  {{ data.content }}
</div>

最后，在样式表中定义 .new-data 类的样式，用于表示最新推送的数据：

.new-data {
  font-weight: bold;
}