<template>
 <div>
 <h1>{{date | dateFormat}}</h1> 
 </div>
</template>
<script>
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 moment.locale('zh-cn');
 export default {
 data() {
 return {
 date: new Date()
 }
 },
 filters: {
 dateFormat(val) {
 return moment(val).calendar();
 }
 }
 }
</script>

// 注冊
Vue.filter('my-filter', function (value) {
 // 返回處理后的值
})
// getter，返回已注冊的過濾器
var myFilter = Vue.filter('my-filter')

//在mustache中使用
{{ msg | uppercase }}

//在標簽中使用
<input type="password" v-model="psw | validate">