在 Vue 中获取当前日期有三种方法：1. 使用 JavaScript 原生 API；2. 使用 Moment.js 库；3. 使用 Vuex 状态管理。
如何在 Vue 中获取当前日期
在 Vue 中获取当前日期有几种方法：
方法一：使用 JavaScript 原生 API
// 创建一个 new Date 对象来获取当前日期 const currentDate = new Date(); // 获取日期，以字符串格式显示 const dateString = currentDate.toLocaleDateString(); // 获取时间，以字符串格式显示 const timeString = currentDate.toLocaleTimeString();
方法二：使用 Moment.js 库
立即学习“前端免费学习笔记（深入）”；
Moment.js 是一个流行的 JavaScript 库，用于处理日期和时间。
import moment from 'moment';
// 创建一个 moment 对象来获取当前日期
const momentObject = moment();
// 获取日期，以字符串格式显示
const dateString = momentObject.format('YYYY-MM-DD');
// 获取时间，以字符串格式显示
const timeString = momentObject.format('HH:mm:ss');方法三：使用 Vuex 状态管理
Vuex 是一个状态管理库，它允许您在 Vue 应用程序中集中存储和管理数据。
import Vuex from 'vuex';
// 在 Vuex 存储中创建 getter 函数
const getters = {
currentDate: state => new Date(), // 返回当前日期
};
// 将 getter 函数注册到 Vuex 存储中
const store = new Vuex.Store({
getters,
});
// 在 Vue 组件中访问当前日期
export default {
computed: {
currentDate() {
return this.$store.getters.currentDate;
},
},
}; 
