简介
Vue2-moment.js 是一个前端库，其目的是提供更好的时间日期格式化和计算。Vue2-moment.js 基于 moment.js 来实现对时间日期的处理，使得时间日期的处理更加方便和高效。本文将介绍如何使用 vue2-moment.js。
安装
使用 vue2-moment.js 之前，需要先安装 Vue.js 和 moment.js，然后再安装 vue2-moment.js。
安装 Vue.js，可以使用 npm 或者直接将 Vue.js 文件引入到项目中。
npm install vue
或者
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
安装 moment.js，可以使用 npm 或者直接将 moment.js 文件引入到项目中。
npm install moment
或者
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
安装 vue2-moment.js，可以使用 npm 或者直接将 vue2-moment.js 文件引入到项目中。
npm install vue2-moment
或者
<script src="https://cdn.jsdelivr.net/npm/vue2-moment/dist/vue2-moment.min.js"></script>
使用
安装完 vue2-moment.js 后，在 Vue 实例中使用 vue2-moment.js 非常简单。需要做的只是在 Vue 实例中引入 vue2-moment.js，并在 Vue 实例的 filters 中注册过滤器即可。
-- -------------------- ---- -------
------ --- ---- ------
------ --------- ---- --------------
------ ------ ---- ---------
------------------ ----------
--- -----
-------- -
------- -------- ------ ------- -
------ ----------------------------
-
-
---示例代码
显示当前时间：
<template>
<div>
{{ $moment().format('YYYY-MM-DD HH:mm:ss') }}
</div>
</template>将时间戳转换为日期格式：
<template>
<div>
{{ 1479825789000 | moment('YYYY-MM-DD HH:mm:ss') }}
</div>
</template>深入学习
在 Vue2-moment.js 中，可以使用 $moment() 方法来创建 moment 对象。$moment() 方法是 Vue 实例的一个方法，可以在 Vue 实例的任何地方使用。 使用 $moment() 方法可以创建一个 moment 对象，然后使用 moment 对象来进行各种日期时间的操作，比如格式化、计算等。
Vue2-moment.js 还提供了一些指令，可以用来处理时间日期。比如，v-moment 指令可以用来格式化和显示日期时间。
<div v-moment="1479825789000" format="YYYY-MM-DD HH:mm:ss"></div>
指导意义
Vue2-moment.js 为前端开发者提供了一个快速、高效的日期时间处理方式。使用 Vue2-moment.js，开发者可以非常方便地对日期时间进行各种处理操作，比如格式化、计算等。Vue2-moment.js 还支持多种格式的日期时间，支持从字符串和对象中创建日期时间，是前端开发不可少的一份工具库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005730781e8991b448e931a