Недавно я создал пакет npm для vue, который позволит вам динамически обновлять удобочитаемые временные интервалы без обновления страницы. Смущенный? Позволь мне привести пример:

Скорее всего, в вашем приложении будет что-то вроде следующего:

posted 3 minutes ago

В большинстве случаев время будет обновлено при обновлении страницы. Но, например, в Facebook он автоматически обновляется каждую минуту. Итак, дисплей изменится на «Опубликовано 4 минуты назад», «5, 6…» и т. Д.

Следующий пакет: https://www.npmjs.com/package/vue-moments-ago позволит вам делать то же самое в ваших проектах Vue.

Просто установите пакет:

npm install vue-moments-ago

и в теге сценария вашего файла компонента,

import VueMomentsAgo from 'vue-moments-ago'
export default{
  components: {
    VueMomentsAgo
  }
}

в шаблоне используйте:

<vue-moments-ago prefix="posted" suffix="ago" date="2018-05-02T20:22:22.285Z"></vue-moments-ago>

результат:

posted 2 minutes ago

Опора даты принимает формат ISO 8601 (формат по умолчанию для moment.js)

Теперь ваше время будет обновляться автоматически без обновления. Проверить это Live Demo

ПРИМЕЧАНИЕ. Этот пакет все еще находится в начальной стадии, и мы будем благодарны за любые предложения или предложения.

VueJobs.com

Если вы разработчик Vue.js и ищете работу, подпишитесь на наш список рассылки. Или, если вы ищете разработчика Vue.js, не стесняйтесь размещать свои требования к работе здесь, на vuejobs.com.