Vue 2.33支持filter，可以用來格式化數據。filter可以用在文本和模板表達式中，以“管道符”（|）的形式調用。

// 注冊一個全局filter
Vue.filter('uppercase', function(value) {
if (!value) return ''
return value.toUpperCase()
})

上述代碼創建了一個名為uppercase的全局filter。它會把傳進來的字符串都轉換成大寫形式。

{{ message | uppercase }}

在上面的代碼中，我們使用管道符調用了uppercase filter，并將message作為參數傳入。此處的message可以是一個變量名或者直接寫入的字符串。

filter也可以接受多個參數。

// 注冊一個含有多個參數的filter
Vue.filter('substr', function(value, start, end) {
if (!value) return ''
return value.substr(start, end)
})

上述代碼創建了一個名為substr的全局filter，它可以截取字符串中的一段子串。代碼中的start和end分別表示子串的起始位置和長度。

{{ message | substr(2, 5) }}

在上述代碼中，我們使用管道符調用了substr filter，并將message作為第一個參數，2作為第二個參數（表示起始位置），5作為第三個參數（表示長度）。

我們也可以使用局部filter。只需要在Vue實例中注冊一個filter即可。

new Vue({
el: '#app',
data: {
message: 'hello world',
age: 20
},
filters: {
uppercase: function(value) {
if (!value) return ''
return value.toUpperCase()
},
substr: function(value, start, end) {
if (!value) return ''
return value.substr(start, end)
},
add: function (value, num) {
if (!value) return ''
return value + num
}
}
})

在上述代碼中，我們在Vue實例中注冊了三個filter：uppercase、substr、add。這三個filter只在這個Vue實例中可用。

在模板中，我們可以這樣使用這些局部filter：

{{ message | uppercase | substr(2, 5) | add(10) }}

在上述代碼中，我們先使用了uppercase filter將message變成了大寫形式。然后使用了substr filter截取了message字符串的子串。最后使用了add filter，在子串后面添加了10。

總的來說，filter是Vue中非常有用的功能。它可以讓我們方便地格式化數據，使數據更易讀。