javascript - Vue组件数据和计算的属性

我有以下问题。
我正在声明数据，我想设置之前，当前和之后。

data () {
  return {
    notes: {
      ...
    },
    view: {
      dayCurrent: new Date(),
      dayBefore: new Date().setDate(this.view.dayCurrent.getDate() - 1),
      dayAfter: new Date().setDate(this.view.dayCurrent.getDate() + 1)
    }
  }
}

但一旦我保存了这个，我就会发现下面的错误
DATA（）中的错误：“Type Error：无法读取属性‘DeNebug’的未定义”，好像我的View对象不存在。
这是为什么？如何设置并避免此类错误。

最佳答案

另一个解决方案是在dayCurrent语句外声明return并引用其他属性。

data () {
  const dayCurrent = new Date();
  return {
    notes: {
      ...
    },
    view: {
      dayCurrent: dayCurrent,
      dayBefore: new Date().setDate(dayCurrent.getDate() - 1),
      dayAfter: new Date().setDate(dayCurrent.getDate() + 1)
    }
  }
}