vue2获取当前时间

在 Vue.js 2 中，你可以通过以下步骤获取当前时间：

1. 在 Vue 组件的 `data` 属性中定义一个变量来存储当前时间。

data() {
  return {
    currentTime: ''
  }
}

2. 在 `mounted` 生命周期钩子中使用 JavaScript 的 `Date` 对象来获取当前时间并将其赋值给 `currentTime` 变量。

mounted() {
  setInterval(() => {
    this.currentTime = new Date().toLocaleTimeString();
  }, 1000);
}

在上述代码中，我们使用 `setInterval` 函数每秒钟更新一次当前时间。`toLocaleTimeString` 方法用于将时间以本地化的形式显示。

3. 在 Vue 模板中使用 `currentTime` 变量来展示当前时间。

<div>{{ currentTime }}</div>

现在，当你运行该 Vue 组件时，页面上会显示实时的当前时间。

相关问题

vue2获取当前时间加23小时

你可以使用JavaScript的Date对象来获取当前时间，然后通过设置小时数来实现加23小时的操作。具体代码如下：

// 获取当前时间
var now = new Date();

// 将小时数加23
now.setHours(now.getHours() + 23);

// 输出加23小时后的时间
console.log(now);

这样就可以得到当前时间加23小时的结果。

vue js 获取当前时间

以下是使用Vue.js获取当前时间的方法：

1. 在Vue.js的data中定义一个变量来存储当前时间：

data() {
  return {
    currentTime: ''
  }
}

2. 在Vue.js的created()生命周期函数中，使用JavaScript的Date对象获取当前时间，并将其赋值给定义的变量：

created() {
  let now = new Date();
  let year = now.getFullYear();
  let month = now.getMonth() + 1;
  let day = now.getDate();
  let hour = now.getHours();
  let minute = now.getMinutes();
  let second = now.getSeconds();
  this.currentTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}

3. 在Vue.js的模板中，使用插值表达式将定义的变量渲染到页面上：

<div>{{ currentTime }}</div>

这样就可以在Vue.js应用中获取并显示当前时间了。