Vue.js中如何实现时间转换指令，有哪些高级技巧和最佳实践？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1544个文字，预计阅读时间需要7分钟。
在社区中，发布的动态信息通常包含一个相对时间。例如，微博上的这条动态：服务端存储的时间格式，一般采用Unix时间戳，例如2019/1/6 13:40:1的Unix时间戳为15467532。
在社区中，发布的动态信息，经常会有一个相对余实际发布时间的相对时间。比如这里的微博：
服务端存储的时间格式，一般为 Unix 时间戳，比如 2019/1/6 13:40:1 的Unix 时间戳为 1546753201651。前端在获取到这个时间戳之后，会转换为可读格式的时间。在社交类产品中，一般会将时间戳转换为 x 分钟前，x 小时前或者 x 天前，因为这样的显示方式用户体验更好。
我们可以自定义一个 v-relative-time 指令来实现上述功能。
本文共计1544个文字，预计阅读时间需要7分钟。
在社区中，发布的动态信息通常包含一个相对时间。例如，微博上的这条动态：服务端存储的时间格式，一般采用Unix时间戳，例如2019/1/6 13:40:1的Unix时间戳为15467532。
在社区中，发布的动态信息，经常会有一个相对余实际发布时间的相对时间。比如这里的微博：
服务端存储的时间格式，一般为 Unix 时间戳，比如 2019/1/6 13:40:1 的Unix 时间戳为 1546753201651。前端在获取到这个时间戳之后，会转换为可读格式的时间。在社交类产品中，一般会将时间戳转换为 x 分钟前，x 小时前或者 x 天前，因为这样的显示方式用户体验更好。
我们可以自定义一个 v-relative-time 指令来实现上述功能。