vue中将时间格式化自定字符串，举例说明

在Vue.js中，如果你想要将时间格式化成自定义的字符串，你可以利用JavaScript内置的`Date`对象以及一些日期处理库如`moment.js`或者`dayjs`。这里以`moment.js`为例，因为它是常用的用于处理日期和时间的库。

首先，你需要安装`moment.js`如果还没有安装，可以使用npm或yarn：

npm install moment
# 或者
yarn add moment

然后，在你的Vue组件内，你可以创建一个计算属性（computed property），对时间进行格式化。例如，你想把时间格式化为"年-月-日 时:分:秒"这样的形式：

<template>
  <div>{{ formattedTime }}</div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      date: new Date(), // 或从API获取的时间对象
    };
  },
  computed: {
    formattedTime() {
      const momentObj = moment(this.date);
      return momentObj.format('YYYY-MM-DD HH:mm:ss');
    },
  },
};
</script>

在这个例子中，`formattedTime`计算属性会根据数据中的`date`实时更新显示格式化后的时间。如果你想改变显示格式，只需调整`format`函数中的参数即可。