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

查看原始版本在這裏工作：https://jsfiddle.net/gerardog/vaw33sn2/

此外，在小提琴不要在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>