Javascript Vue js,检测值何时更改以突出显示其文本

Javascript Vue js,检测值何时更改以突出显示其文本,javascript,vue.js,Javascript,Vue.js,我有一个简单的脚本,每隔几分钟生成一个随机数,每次rand不等于我想更改背景颜色之前的那个。可能的 所以,当它达到3时,随机数产生1,1,3,我想用强光照亮背景。谢谢 newvue({ el:“#应用程序”, 数据:{ 兰特:0 }, 挂载:函数(){ var me=这个; setInterval(函数(){ me.rand=Math.floor(Math.random()*4)+1; 我。$forceUpdate(); },1000) } }) {{rand}} 创建一个数据属性来存储更新后

我有一个简单的脚本,每隔几分钟生成一个随机数,每次
rand
不等于我想更改背景颜色之前的那个。可能的 所以,当它达到3时,随机数产生1,1,3,我想用强光照亮背景。谢谢

newvue({
el:“#应用程序”,
数据:{
兰特:0
},
挂载:函数(){
var me=这个;
setInterval(函数(){
me.rand=Math.floor(Math.random()*4)+1;
我。$forceUpdate();
},1000)
}
})
{{rand}}


创建一个数据属性来存储更新后的值是否与当前值不同,并将
背景色绑定到该属性:

newvue({
el:“#应用程序”,
数据(){
返回{
兰德:0,
差:错
}
},
安装的(){
设置间隔(()=>{
设rand=Math.floor(Math.random()*4)+1;
this.diff=rand!==this.rand;
this.rand=rand;
}, 1000);
}
})

{{{rand}

new Vue({
  el: '#app',
  data: {
    rand: 0
  },
  mounted : function(){
   var me = this;
    setInterval(function(){
        me.rand = Math.floor(Math.random() * 4) + 1 ;
      me.$forceUpdate();
    },1000)
  }
})


<div id="app">
  <p>{{rand}}</p>
</div>