vue中，格式化时间的函数，举例说明

在 Vue 中，我们可以使用 JavaScript 自带的 `Date` 对象或者一些第三方库如 Moment.js 或者 Day.js 来格式化时间。以下是基本的例子：

**1. 使用 JavaScript 的原生方法：**

// 获取当前时间并格式化为 "YYYY-MM-DD HH:mm:ss" 格式
new Date().toLocaleString('default', {timeZone: 'Asia/Shanghai', hour12: false, year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit'})

// 如果需要自定义模板，可以创建一个正则替换字符串
const formatTime = date => {
  return date.toLocaleString('en-US', {hour: 'numeric', minute: '2-digit', timeZone: 'UTC'})
        .replace(/(\d{2})(\d{2})/, 'HH:mm')
        .replace(/\d{4}/, (year) => (year < 100 ? '20' + year : year));
}

**2. 使用 Moment.js:**
首先安装：

npm install moment

然后：

import moment from 'moment';

// 创建一个实例并格式化
const formattedTime = moment().format('YYYY-MM-DD HH:mm:ss');

**3. 使用 Day.js:**
安装：

npm install dayjs

然后：

import dayjs from 'dayjs';
import { format } from 'dayjs/plugin/localization';

dayjs.extend(format);
const formattedTime = dayjs().format('YYYY-MM-DD HH:mm:ss');

以上示例都是在Vue组件内部使用的，你可以将这些函数绑定到数据属性或者在需要的地方直接调用。