Vue.js 用于显示日期的Vue computed属性

我希望网站在介绍页面中显示今天的日期。使用vanilla JS很容易，但使用vue更难，我无法让它工作，我不知道我做错了什么。我正在使用vue CLI以下是代码：

HTML

---

保留问题中基于数组的日期和模板，可以实现如下方式：

const days=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]
常量月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]
新Vue({
el:“#应用程序”，
数据（）{
const todaysDate=新日期（）
const day=days[todaysDate.getDay（）]
const month=months[todaysDate.getMonth（）]
返回{
日期：[日，月]
}
}
})

今天是{date[1]}的{date[0]}}

Ha！你让我费了好大劲才弄明白，但我终于做到了，我用

mounted

执行了一个填充我数据的方法。@ahzep

mounted

钩子是错误的地方。该钩子在渲染后运行，因此更新数据需要两轮渲染。如果需要挂钩，请使用创建的

。我不太清楚为什么要使用钩子，而不是像我的示例中那样在

数据

函数中使用钩子。因为它不适用于vue CLI，所以我只得到一个

意外的关键字“const”

error@ahzep如果不能使用

const

，只需使用

var

。我使用Vue CLI和

const

工作正常。我怀疑您可能输入了错误的内容，可能是写了

数据：{

而不是

数据（）{

？我不认为它会说

意外关键字

，除非它将

const

识别为关键字。

<template>
    <div class ="date">
      Today is {{ date[0] }} of {{ date[1]}}
    </div>
</template>

export default {
  data:function(){
    return{
      date:[]
    }
  },
  computed:{
    getTodaysDate(){
    var days=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]
    var months = ["January","February","March","April","May","June","July","August","September","October","November","December"]

    var todaysDate = new Date();

    this.date[0] = days[todaysDate.getDay() -1];
    this.date[1] = months[todaysDate.getMonth() +1]

    return this.date
    }
  }
}