### view
<template v-for="m in messages>
// 省略
<span>@{{ m.created_at | moment }}</span>
// 省略
</template>
### script
– Vueのmethods内でmoment()を呼び出し、filtersでformatを指定する
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" type="text/javascript"></script>
<script>
new Vue({
el: '#app',
filters: {
moment: function (date) {
return moment(date).format('MM/DD HH:mm');
}
},
data: {
// 省略
},
methods: {
// 省略
moment: function () {
return moment();
}
},
mounted(){
// 省略
}
});
</script>
momentはvueの中で指定しないとうまく動かない。
make:resourceでサーバ側でcarbonで整形することも考えたが、コントローラの処理が複雑な為、クライアント側でフォーマット化する。