Vue是一個非常流行的前端框架，其中的filter是一個非常強大的功能。封裝Vue filter可以幫助我們更好地重用代碼，提高代碼的可維護性。下面，我們來看看如何封裝Vue filter。

首先，我們來看一下封裝的基本思路。我們可以把常用的filter封裝成一個個的函數，然后放在一個單獨的js文件中，最后再將其引用到Vue實例中。

// filter.js
// 1.格式化時間
Vue.filter('formatTime', function (value) {
return moment(value).format('YYYY-MM-DD HH:mm:ss')
})
// 2.字符串截取
Vue.filter('subString', function (value, length) {
return value.substring(0, length)
})
// ...

在上面的代碼中，我們定義了兩個常用的filter，一個用于格式化時間，另一個用于截取字符串的指定長度。

然后，我們需要在Vue實例中引用filter.js文件：

// main.js
import Vue from 'vue'
import App from './App.vue'
import './filter'
new Vue({
el: '#app',
render: h =>h(App)
})

這樣，我們就成功地將filter封裝成一個模塊，方便我們重用。