MomentJS es una librería que me encanta para gestionar las fechas y si puedo incluir su flexibilidad a Vue utilizando los filters, mucho mejor, en este ejemplo explico como integrarlas.

Lo primero es agregar las referencias a MomentJS y Vue en nuestra pagina, ademas de crear un archivo llamado filters.js donde estarán todos los filtros.

<script src="https://momentjs.com/downloads/moment-with-locales.js"></script>
<script src="https://vuejs.org/js/vue.js"></script>
<script src="filters.js"></script>

Creando Filtro

Para crear el filtro usamos la función Vue.filter(), pasando el nombre del filtro como primer parámetro y una función como segundo, en mi ejemplo la función  recibe como parámetro la fecha y  dentro escribo definición de nuestra función que es usar la librería MomentJS, usando como parámetros la fecha y un formato “YYYYMMDD”, esto crea una instancia de MomentJS que contiene el método fromNow() que nos retorna el tiempo a transcurrido desde la fecha que hemos pasado hasta hoy.

Vue.filter('timeago', function (date) {
    return moment(date,"YYYYMMDD").fromNow()
})

Usando filtro

Podemos usar nuestro filtro cuando realizamos el binding de una propiedad, usando el modo “mustache” {{ nuestraprop } y agregamos un pipe “| ”  después del nombre de la propiedad.

<td>{{game.gamelog | timeago }}</td>

Puedes ver el ejemplo completo en jsbin, como ves ya tenemos integrado MomentJS con vue gracias a los filters.

JS Bin on jsbin.com

Happy Vue!