Фильтры vue.js Этой фичи как правило нет в обучающих курсах в | Veras IT

Фильтры vue.js

Этой фичи как правило нет в обучающих курсах во vue, но я ее считаю вполне себе юзабельной. Взглянув на код всё станет понятно без лишних слов.

Пишутся они довольно просто:

vue.js
filters: {
capitalize(value) {
return value.charAt(0).toUpperCase() + value.slice(1)
},
},

И соответственно в шаблоне:

{{ text | uppercase }}

Так же фильтры можно применять при передаче данных в пропсы и делать чейнинг. То есть применять фильтры друг за другом:

{{ text | uppercase | lowercase }}

Очень удобная альтернатива methods или computed свойствам.