How to make a filter in template?

Question

Vue.js

There is this code:

<template>
  <ul>
    <li v-for="item in items">
      <span>{{ item.date }}</span>
    </li>
  </ul>
</template>

And as a result, the following date formats come:
2018-10-26T20:00:00
And you need this format:
10/26/2018
Question: how to change the format and remove the excess?

Answer 1

With the help of moment.js: https://codepen.io/anon/pen/aKgLXP
The only thing, if you build using webpack, then you need to remove unnecessary locales from the build, otherwise everything will be very bold. More or less like this:

const webpack = require('webpack');
....
module.exports = {
  ...,
  plugins: [
    new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /ru/),
  ],
...
}

Answer 2

Computed property or directives https://ru.vuejs.org/v2/guide/custom-directive.html

Answer 3

Computed property advice sucks, use https://en.vuejs.org/v2/guide/filters.html