Javascript Vue-如何使用筛选器定期更新视图中的值

我只是想用vue制作倒计时，但是视图没有更新。 My app.js和index.html：

var nowDate=新日期；
var nextNewYearsEve=新日期（nowDate.getFullYear（），11,31,23,59,59,59）；
var timeleftonewyearseve=nextNewYearsEve-nowDate；
var app=新的Vue({
el:“#应用程序”，
数据：{
timeLeftToNewYearsEve：timeLeftToNewYearsEve
},
过滤器：{
日期：功能（val）{
var timeLeftMonth=新日期（val）.getMonth（）；
var timeLeftDay=新日期（val）.getDay（）；
var timeLeftHour=新日期（val）.getHours（）；
var timeLeftMinutes=新日期（val）.getMinutes（）；
var timeLeftSeconds=新日期（val）.getSeconds（）；
返回timeLeftMonth+“hónap”+timeLeftDay+“nap”+timeLeftHour+“óra”+timeLeftMinutes+“perc”+timeLeftSeconds+“és másodperc”；
}
},
方法：{
更新：函数（）{
setInterval（函数（）{
timeLeftToNewYearsEve=nextNewYearsEve-新日期（）；
控制台日志（timeLeftToNewYearsEve）；
}, 1000);
}
}
});
app.update（）

{{timeleftotnewyearseve | date}
您需要使用
此
引用Vue中的值

setInterval(() => {
  this.timeLeftToNewYearsEve = nextNewYearsEve - new Date();
  console.log(timeLeftToNewYearsEve);
}, 1000);

仍然不能使用“this”：（我的代码怎么了？你改成使用arrow函数了吗？哇，谢谢，使用arrow函数它可以工作。正如我猜的，arrow函数处理“this”不同？@aboutus是的。