在實際專案開發中，在某一元件中宣告的全域性過濾器Vue.filter並不能在其他元件中使用，所以，我認為只要呼叫兩次以上或者可能會被呼叫兩次以上的過濾器，就應該寫入統一個過濾器檔案中，方便統一呼叫。下面是如果建立並呼叫統一的過濾器的方法：

1.在公用js資料夾中新建檔案filters.js

2.在filters.js中使用es6寫法寫入（因為我用的是vue-cli，自帶babel元件一套，可以自動轉換es6寫法到es5，所以不用考慮相容性）

let formatDate = time => {
	if(time){
		return time.slice(5,16)
	}
}
export { formatDate }
 

3.找到main.js引入

import * as filters from './assets/js/filters.js'
 
Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
})

4.在元件中使用

<h2>時間：<span>{{createTime | formatDate(createTime)}}</span></h2>

感謝分享https://blog.csdn.net/qq_39507727/article/details/77524704