这篇文章主要就是介绍了filters过滤器的基础使用,需要的朋友可以参考一下
不使用过滤器的代码:
<template>
<div>
<h1>{{date}}</h1>
</div>
</template>
<script>
export default {
data() {
return {
date:new Date()
}
}
}
</script>
效果:
使用了过滤器的代码(需要下载moment.js):
<template>
<div>
<h1>{{date | formDate}}</h1>
</div>
</template>
<script>
import moment from 'moment';
export default {
data() {
return {
date:new Date()
}
},
filters: {
formDate(date) {
return moment(date).format("YYYY-MM-DD HH:mm:ss")
}
}
}
</script>
效果: