vue将时间转换成指定日期字符串

你可以使用 JavaScript 中的 Date 对象来处理日期和时间，然后使用 Vue 中的模板语法将其转换成指定的日期字符串。下面是一个简单的示例：

<template>
  <div>
    <p>当前时间：{{ currentTime }}</p>
    <p>格式化后的时间：{{ formattedTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: new Date(),
      dateFormat: "yyyy年MM月dd日 HH:mm:ss",
    };
  },
  computed: {
    formattedTime() {
      return this.formatDate(this.currentTime, this.dateFormat);
    },
  },
  methods: {
    formatDate(date, format) {
      const o = {
        "M+": date.getMonth() + 1, // month
        "d+": date.getDate(), // day
        "H+": date.getHours(), // hour
        "m+": date.getMinutes(), // minute
        "s+": date.getSeconds(), // second
        "q+": Math.floor((date.getMonth() + 3) / 3), // quarter
        S: date.getMilliseconds(), // millisecond
      };
      if (/(y+)/.test(format))
        format = format.replace(
          RegExp.$1,
          (date.getFullYear() + "").substr(4 - RegExp.$1.length)
        );
      for (const k in o)
        if (new RegExp("(" + k + ")").test(format))
          format = format.replace(
            RegExp.$1,
            RegExp.$1.length == 1
              ? o[k]
              : ("00" + o[k]).substr(("" + o[k]).length)
          );
      return format;
    },
  },
};
</script>

在上面的代码中，我们定义了一个 `currentTime` 数据属性来存储当前时间，以及一个 `dateFormat` 数据属性来指定日期格式。然后，我们使用一个计算属性 `formattedTime` 来格式化时间并将其显示在模板中。我们还定义了一个 `formatDate` 方法来将时间对象转换为指定格式的日期字符串。

在模板中，我们使用双花括号语法来显示当前时间和格式化后的时间。

你可以根据自己的需求修改日期格式和显示方式。