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またはbrowserifyでコンパイルして使用する場合にのみ動作します。更新についてはissueを参照してください。

これは、元のバージョンでうまく動作するために使用： https://github.com/brockpetrie/vue-moment/tree/fd6fcb901415c1df4c5abb81870d49b346d3732f

ここで働く元のバージョンを参照してください：フィドルにこの素敵な workaround

を使用し、 https://raw.github.com/内のファイルへのリンクをいけない、また https://jsfiddle.net/gerardog/vaw33sn2/

を

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>