vue 如何监听一个数组的某一个数据发生变化并让他高亮？

Question

<template>
  <div>
    <ul>
      <li v-for="data in datas" :key="data.id">{{data}}</li>
    </ul>
  </div>
</template>

export default {
  data() {
    return {
      datas: []
    };
  }
};

这个datas通过setInterval每5秒返回新数据，里边的一些数据可能发生变化，如何让某个发生变化的数据（某个li）闪烁一下提示用户？

Answer 1

按照楼主的描述
我们只需监听股票数值的的变化
这里以value暂代
您可以把上一次获取的数据存起来

{
    oldDatas:[]
}

然后新的列表和旧的列表对比value的值, 可以通过给li加上class名来加高亮

<li v-for="(data,index) in datas" :key="data.id" :class="{isChanged: oldDatas[index].value !=== data.value}">{{data}}</li>