vue3 中计算运行的总时长

在 Vue3 中，如果你想要计算某个操作或事件处理函数运行的总时长，通常可以利用 `Date` 对象来进行。你可以创建一个开始时间（如 `startAt`）变量，在函数开始时设置，然后在函数结束时再次获取当前时间并减去开始时间得到耗时。例如：

let startAt;
export default {
  mounted() {
    this.startAt = new Date();
  },
  methods: {
    async someExpensiveFunction() {
      // 开始计时
      startAt = new Date();

      try {
        // 这里是你的昂贵操作
        await expensiveTask();

        // 结束操作后获取当前时间
        const endTime = new Date();
        const duration = endTime.getTime() - startAt.getTime(); // 耗时毫秒

        console.log(`Some Function took ${duration}ms`);
      } catch (error) {
        console.error(error);
      }
    }
  }
}

在这个例子中，`someExpensiveFunction` 就是一个计算运行时长的例子，它会在执行完毕后显示所花费的时间。