Руководство
Основы
- Установка
- Введение
- Экземпляр Vue
- Синтаксис шаблонов
- Вычисляемые свойства и слежение
- Работа с классами и стилями
- Условная отрисовка
- Отрисовка списков
- Обработка событий
- Работа с формами
- Основы компонентов
Продвинутые компоненты
- Регистрация компонентов
- Входные параметры
- Пользовательские события
- Слоты
- Динамические и асинхронные компоненты
- Обработка крайних случаев
Переходы и анимации
- Анимирование списков и появления/исчезновения
- Анимирование переходов между состояниями
Переиспользование и композиция
- Примеси
- Пользовательские директивы
- Render-функции и JSX
- Плагины
- Фильтры
Инструментарий
- Однофайловые компоненты
- Тестирование
- Поддержка TypeScript
- Публикация на production
Масштабирование
- Роутинг
- Управление состоянием приложения
- SSR. Отрисовка на стороне сервера
- Безопасность
Продвинутые темы
- Подробно о реактивности
Вопросы миграции
- Миграция с Vue 1.x
- Миграция с Vue Router 0.7.x
- Миграция с Vuex 0.6.x на 1.0
Мета
- Сравнение с другими фреймворками
- Присоединяйтесь к сообществу Vue.js!
- Познакомьтесь с командой
Эта документация для версий v2.x и ранее. Для v3.x, документация на русском здесь.
Фильтры
Для распространённых задач форматирования текста во Vue используются фильтры. Они находят своё применение в двух местах: в mustache-интерполяциях и в выражениях v-bind
(последнее поддерживается в 2.1.0+). Фильтры добавляются в конце выражения JavaScript и отделяются вертикальной чертой:
|
Вы можете определить локальные фильтры в опциях компонента:
|
или определить фильтр глобально перед созданием экземпляра Vue:
|
Когда у глобального фильтра такое же имя как и у локального, то локальный фильтр будет приоритетнее.
Ниже приведён пример использования нашего фильтра capitalize
:
{{ message | capitalize }}
Функция фильтра всегда принимает значение выражения (результат предыдущей цепочки) в качестве первого аргумента. В этом примере функция фильтра capitalize
получит значение message
в качестве аргумента.
Фильтры можно объединять в цепочки:
|
В этом случае filterA
, определённый с одним аргументом, получит значение message
, а затем функция filterB
будет вызвана с результатом filterA
, переданным единственным аргументом в filterB
.
Фильтры являются JavaScript-функциями, и потому могут принимать параметры:
|
В данном случае filterA
определяется как функция с тремя аргументами. Значение message
будет передано первым аргументом. Простая строка 'arg1'
будет передана в filterA
вторым аргументом, а значение выражения arg2
— третьим.