Ruby Ruby - 2 months ago 104
Javascript Question

Vue.js and vue-moment: "Failed to resolve filter: moment"

Trying to use vue-moment. The simplest possible example from the documentation doesn't work: https://jsfiddle.net/rjcpz9wt/

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


Gives:

[Vue warn]: Failed to resolve filter: moment


What is going on?

Answer

I wouldn't suggest doing it the way you are, you should create the date variable in the javascript code and just access the variable in your Vue. Here is a fiddle showing what I mean

https://jsfiddle.net/rdffywc7/

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

and then in the doc body

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