Vue是一種前端JS框架，具有許多強大的功能，其中之一就是filter。Filter是一種將文本值轉換為特定格式或進行某些操作的函數。

在Vue中，filter被視為局部過濾器，它可以對模板表達式中的文本進行過濾。以下是一些常用的過濾器：

// 字符串截取過濾器
Vue.filter('truncate', function(value, length) {
if (!value) return ''
if (value.length >length) {
return value.substring(0, length) + '...'
} else {
return value
}
})

// 時間格式化過濾器
Vue.filter('date', function(value) {
let date = new Date(value)
let year = date.getFullYear()
let month = date.getMonth() + 1
let day = date.getDate()
return year + '-' + month + '-' + day
})

可以在Vue實例中使用這些過濾器。

{{ name | truncate(10) }}
{{ date | date }}

在此示例中，'truncate'過濾器將'name'變量的值截斷為10個字符，而'date'過濾器將'date'變量的值格式化為'YYYY-MM-DD'字符串。

通過使用過濾器，可以輕松地將文本值轉換為所需的格式，以便更好地滿足應用程序的需求。同時，過濾器還能夠使代碼更加模塊化和易于維護。