VueJS: вычисляемое свойство с использованием другого вычисляемого свойства работает некорректно

это не они: post1, post2

Я создаю небольшой SPA, и поэтому я начал с этого базового принципа, который я протестировал и встроил в код ниже, с которым у меня возникли проблемы. он работает ТОЛЬКО в том случае, если я вызываю вторичное свойство в DOM (почему?), и я включил его, чтобы проиллюстрировать, откуда я начал, надеясь, что принципы будут переведены по мере того, как я создавал.

JS:

var app = new Vue({
  el: '#app',
  computed: {
    today: function() {
      return new Date().getTime();
    },
    tomorrow: function() {
      return this.today + (1*24*60*60*1000);
  },
});

ДОМ:

<div id='app'>
  <p>{{ today }}</p>
  <p>{{ tomorrow }}</p>
</div>

так. это работает. опять же, ТОЛЬКО если app.tomorrow вызывается в DOM. (Хотел бы я знать, как это НЕ нужно ...) НО моя проблема - это следующая часть, которую я основываю на этом стартовом коде. это НЕ работает:

JS:

var app = new Vue({
  el: '#app',
  data: {
    dueNow: 0,
    reports: { 90: [], 'DN': [] },
  },
  computed: {
    today() {
      return new Date().getTime();
    },
    tMinus30() {
      return new Date().getTime() - (30 * 24 * 60 * 60 * 1000);
    },
    dueNow() {
      var count = 0;

      $.each(this.rows, function(index, obj) {
        var workingDate = new Date(obj.dateSubmitted).getTime();
        console.log('workingDate: '+workingDate);
        console.log('today: '+this.today);      <-- console reports 'undefined'!?
        console.log('today: '+this.tMinus30);   <-- console reports 'undefined'!?

        if(workingDate < this.today && workingDate > this.tMinus30){
          console.log('knock, knock: due NOW');   <-- therefore this never fires
          count++;
          console.log('count: '+count);

          //  build reports array - doesn't work, but that's for another day...
          this.reports['DN']['count'] = push(count);
          this.reports['DN'][index]['reportID'] = push(obj.id);
          this.reports['DN'][index]['assetID'] = push(obj.assetid);
        }
      });
      return count;
    },
  }
});

ДОМ:

<div id='app'>
  <div class="col-lg-2">
  <h1 class="text-center pt-2">NOW</h1>
  <p>{{ today.getDay() }}</p>
  <p class="img-text mb-1" @click="expandInfo('DN')">{{ dueNow }}</p>
  </div>
</div>

так что я не только не получаю count строк, которые dueNow, я тоже не получаю today.getDay() вычисленных, что на основе это из VueJS, должно работать. Я подозреваю, что это летающий кошмар, но я его не вижу ... он ДЕЙСТВИТЕЛЬНО перебирает строки должным образом. он ДЕЙСТВИТЕЛЬНО вычисляет рабочую дату для каждой строки. но больше ничего не работает. Я думал, что понимаю VueJS достаточно хорошо, чтобы попытаться это сделать. и я даже построил его из первого примера ... но я не понимаю, что сломано.

какой принцип я упускаю, чтобы сделать этот гель? такое чувство, что какая-то концепция ускользнула от меня.

РЕДАКТИРОВАТЬ: я также прочитал эту статью, но не знаю, что это применимо, поскольку нет ничего, что не является уже не заявлено в данных ...

РЕДАКТИРОВАТЬ: ОК! :) мне нужно уточнить. когда я говорю "это не работает", я имею в виду, что вычисленное свойство tomorrow не отображает и сообщает другое вычисленное свойство в консоли как "undefined", несмотря на то, что оно (today) отображается нормально (без дополнительного метода) . мой ожидаемый / желаемый результат состоит в том, что я увижу число, указывающее, сколько строк прошло проверку и равно dueNow, и я хочу, чтобы today отображались как «понедельник», а tomorrow как «вторник» (например). последний должен быть взаимозаменяемым с другими функциями даты. если возможно, я также хотел бы, чтобы массив reports обновился должным образом ... но сейчас это выходит за рамки области видимости.