Vue中时间获取

博客讲述了作者在Vue项目中遇到一个由时间组件引起内存崩溃的问题,经过排查发现是由于组件内的潜在死循环导致。作者介绍了如何使用Moment.js处理日期,并分享了时间组件的简化代码。强调虽然现在依赖库,但理解原生获取时间的原理很重要,同时也欢迎他人提供反馈和建议。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    昨晚出了个bug,页面崩溃!我真是找bug找了将近一天,而且电脑卡了一整天,页面也崩溃了一整天,运行一会儿就崩了,到最后我发现,在任务管理器中Chrome浏览器占得内存都出现了几十万k,我真是找不出代码哪里有原因,最后只能一个组件一个组件的排查,当我把第一个时间组件先注释之后,内存立马被放空,**,原来是你!(这个组件同事写过了,说可以用,我也没咋看),最后发现似乎是个死循环?有大佬的话,帮我解释一下下面的代码,是不是死循环了?

 不得已,时间组件只能自己写了,在这里介绍一个JS进行日期处理的库,个人感觉比较好用moment官网

 首先,毫无疑问,下载!我是通过npm下载的

npm install moment --save 

 因为我直接用在时间组件里,所以直接require引用了,

let moment = require('moment');    //都这个时代了,尽可能的用ES6的写法吧

 

Time组件的diamante如下:

 
export default {
  
  

                
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值