vue.js是目前比较流行的前端框架之一，它提供了非常多的基础组件和工具库，以方便开发者快速搭建具有可重用性的web应用。在vue.js中，我们有时需要将秒数转换成形如“时分秒”的格式，这就需要用到格式化时间的技巧。
一、使用date库在vue.js中，将时间格式化成所需的字符串是一个较为普遍的需求。在这里，我们可以利用javascript原生的date库来实现。
具体步骤如下：
1. 将秒数转换成毫秒数首先，我们需要将给定的秒数转化成毫秒数，这可以通过乘以1000来实现。
let time = 1234; // 1234秒let ms = time * 1000; // 1234000毫秒
2. 构造date对象然后，我们可以使用date构造函数来创建一个新的date实例。
let time = 1234; // 1234秒let ms = time * 1000; // 1234000毫秒let date = new date(ms);
3. 格式化时间最后，我们可以使用date原型上的方法来格式化时间，例如使用getfullyear方法获取年份，getmonth方法获取月份，getday方法获取日期等等。
对于将秒数转换为时分秒格式，我们可以如下实现：
let time = 1234; // 1234秒let ms = time * 1000; // 1234000毫秒let date = new date(ms);let hour = date.gethours();let minute = date.getminutes();let second = date.getseconds();let formattime = `${hour.tostring().padstart(2, '0')}:${minute.tostring().padstart(2, '0')}:${second.tostring().padstart(2, '0')}`;console.log(formattime); // 00:20:34
在上面的例子中，我们通过gethours、getminutes和getseconds方法获取到时间的小时数、分钟数和秒数，并使用padstart函数来将它们设置成两位数。
二、使用day.jsday.js是一种轻量级的javascript日期解析和格式化库，它非常适合在vue.js的项目中进行快速开发。
使用day.js来格式化时间非常简单，我们可以通过以下步骤来实现：
1. 安装day.js首先，在vue.js项目中安装day.js。可以使用npm包管理器进行安装：
npm install dayjs
或者使用cdn方式引入day.js的库文件：
<script src="https://cdn.jsdelivr.net/npm/dayjs"></script>
2. 导入day.js在vue.js组件中导入day.js，并将它绑定到组件的data中：
import dayjs from 'dayjs';export default {  data() {    return {      dayjs: dayjs,      time: 1234    };  }}
3. 格式化时间最后，我们可以通过day.js提供的format函数来格式化时间。
<template>  <div>    {{dayjs(time * 1000).format('hh:mm:ss')}}  </div></template>
在上面的例子中，我们通过dayjs函数创建了一个day.js实例，将需要格式化的时间作为其构造函数的参数，并使用format函数将其转换成所需的格式（在这里是“hh:mm:ss”）。
结语总的来说，在vue.js中格式化时间非常简单，我们可以使用原生的date库或者第三方库day.js来实现。这里介绍的方法只是其中的两种，大家可以根据实际需求选择合适的方式进行实现。
以上就是vue怎么将秒数转成“时分秒”格式的详细内容。