Vue中如何高效提升日期格式化性能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计847个文字,预计阅读时间需要4分钟。
在许多项目中,都需将长日期格式转换成其他格式。Vue中,我们可以通过自定义filter实现date format功能。若直接引入moment,可以利用其方法进行格式化。
在很多项目中,都需要将长整型的日期格式转换成其他的日期格式,而在Vue中,我们可以利用自定义相应的 filter 过滤器来进行 date format 的功能。如果直接引入 moment 的方法,在利用 npm run build --report 时,会发现 moment.js 的文件相当大。显而易见,这么小的功能点却大大影响了项目的性能。
本文主要是利用 npm run build --report 来分析打包文件的大小,进而对 date format 的功能点进行优化。
自定义 'date-format' 过滤器
我们可以先看一下自定义date-format过滤器及使用的方法。
本文共计847个文字,预计阅读时间需要4分钟。
在许多项目中,都需将长日期格式转换成其他格式。Vue中,我们可以通过自定义filter实现date format功能。若直接引入moment,可以利用其方法进行格式化。
在很多项目中,都需要将长整型的日期格式转换成其他的日期格式,而在Vue中,我们可以利用自定义相应的 filter 过滤器来进行 date format 的功能。如果直接引入 moment 的方法,在利用 npm run build --report 时,会发现 moment.js 的文件相当大。显而易见,这么小的功能点却大大影响了项目的性能。
本文主要是利用 npm run build --report 来分析打包文件的大小,进而对 date format 的功能点进行优化。
自定义 'date-format' 过滤器
我们可以先看一下自定义date-format过滤器及使用的方法。

