vue实现多个倒计时同步刷新

      节日名称:{{item.name}} 
      节日时间:{{item.time}} 
      剩余时间:{{item.residueTime}} 

var timeId
export default {
  name: '',
  data () {
    return {
      timeLists: []
    }
  },
  created () { // 实例被创建之后执行代码
    this.getTimeList()
  },
  beforeDestroy () {  //组件的销毁
    clearInterval(timeId) // 清除定时器
    timeId=null
  },
  methods: {
    //获取各节日时间
    getTimeList () {
      let timeArr = [{   //模拟数据   届时即为后端请求接口获取
        name: '元旦  ', time: '2020-01-01 00:00:00', residueTime: '' }, {
        name: '新年  ', time: '2020-01-25 00:00:00', residueTime: '' }, {
        name: '元宵节', time: '2020-02-08 00:00:00', residueTime: '' }]
      this.timeLists = timeArr
      this.setIntervalTime()    // 调取倒计时
    },
    // 设置定时器做倒计时
    setIntervalTime () {
      timeId = setInterval(() => {
        this.timeLists.forEach(item => {
          item.residueTime = this.getResidueTime(item.time)
        })
      }, 1000)
    },
    // 获取剩余时间
    getResidueTime (end) {
      let nowtime = new Date().getTime(); // 当前时间 毫秒数
      let endTime = Date.parse(new Date(end.replace(/-/g, "/"))); //结束时间  毫秒数
      let totalSeconds = (endTime - nowtime) / 1000; // 结束时间-当前时间 = 剩余多少时间
      let day = parseInt(totalSeconds / 3600 / 24); //天
      let hour = parseInt((totalSeconds / 3600) % 24); //时
      let minute = parseInt((totalSeconds / 60) % 60); //分
      let second = parseInt(totalSeconds % 60); //秒
      let residueTime ="倒计时：" + day + "天 " + hour + "时 " + minute + "分 " + second + "秒";
      hour = this.addZero(hour)
      minute = this.addZero(minute)
      second = this.addZero(second)
      if (totalSeconds