vue 模板里moment格式化时间

在 Vue.js 中，你可以使用 `moment.js` 这个 JavaScript 库来方便地格式化日期。要在模板中格式化时间，首先你需要安装 `moment` 和 `vue-moment` 插件。如果你使用的是脚手架项目，可以在 `main.js` 或者 `plugins` 目录下安装：

npm install moment vue-moment --save

然后，在组件内注入 moment：

import { Moment } from 'vue-moment';

export default {
  setup() {
    // 使用 Vue.use 注入 moment
    Vue.use(Moment);
    
    // 创建一个变量来存储时间
    const currentTime = new Date();

    // 使用 moment.js 的 format 方法格式化时间
    const formattedTime = moment(currentTime).format('YYYY-MM-DD HH:mm:ss'); // 格式如 '2023-04-01 12:00:00'

    return { currentTime, formattedTime };
  }
}

在模板中，你可以直接访问 `formattedTime` 变量并显示它：

<p>当前时间: {{ formattedTime }}</p>