Что такое VueJS? Каковы основные особенности VueJS? 6

51. Как можно создавать фильтры?

Вы можете определить фильтры двумя способами:
i. Локальные фильтры: вы можете определить локальные фильтры в параметрах компонента. В этом случае фильтр применим к этому конкретному компоненту.
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
ii. Глобальные фильтры: вы также можете определить фильтр глобально перед созданием экземпляра Vue. В этом случае фильтр применим ко всем компонентам в экземпляре vue,
Vue.filter('capitalize', function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})

new Vue({

// ...
})

52. Как вы цепляете фильтры?

Вы можете связать фильтры один за другим, чтобы выполнять несколько манипуляций с выражением. Общая структура цепочки фильтров будет такой, как показано ниже,
{{ message | filterA | filterB | filterB ... }}
В приведенном выше стеке цепочки вы можете увидеть это выражение сообщения, примененное с тремя фильтрами, каждый из которых разделен вертикальной чертой (|). Первый фильтр (filterA) принимает выражение как единственный аргумент, а результат выражения становится аргументом для второго фильтра (filterB), и цепочка продолжается для оставшихся фильтров.
Например, если вы хотите преобразовать выражение даты с полным форматом даты и прописными буквами, вы можете применить фильтры dateFormat и прописные, как показано ниже,
{{ birthday | dateFormat | uppercase }}

53. Можно ли передавать параметры для фильтров?

Да, вы можете передавать аргументы для фильтра, подобного функции javascript. Общая структура параметров фильтра будет следующей:
{{ message | filterA('arg1', arg2) }}

В этом случае filterA принимает выражение сообщения как первый аргумент, а явные параметры, упомянутые в фильтре, как второй и третий аргументы.

Например, вы можете найти экспоненциальную силу определенного значения
{{ 2 | exponentialStrength(10) }}