Vue.js и vue-moment: «Не удалось разрешить фильтр: момент»

Question

Пытается использовать vue-moment. Самый простой пример из документации не работает: https://jsfiddle.net/rjcpz9wt/

<span>{{ new Date() | moment "dddd, MMMM Do YYYY" }}</span> 

Дает:

[Vue warn]: Failed to resolve filter: moment 

Что происходит?

Answer 1

vue-moment сломан.

Вы не можете использовать его, просто добавив его как тег <script>. В настоящее время он работает только в том случае, если вы используете компиляцию с помощью webpack или браузера, см. Этот issue для получения обновлений.

Он используется, чтобы хорошо работать на оригинальной версии: https://github.com/brockpetrie/vue-moment/tree/fd6fcb901415c1df4c5abb81870d49b346d3732f

Смотрите оригинальную версию здесь работает: https://jsfiddle.net/gerardog/vaw33sn2/

Кроме того, на Fiddle Dont ссылку на файлы в https://raw.github.com/, используйте этот приятный workaround

Answer 2

Я бы не предложил делать это так, как вы, вы должны создать переменную даты в javascript-коде и просто получить доступ к переменной в вашем Vue. Вот скрипка, показывая, что я имею в виду

https://jsfiddle.net/rdffywc7/

var app = new Vue({ 
    el: document.body, 
    data: { 
    date: moment().format("dddd, MMMM Do YYYY") 
    } 
}) 

, а затем в теле дока

<span>{{ date }}</span>