Руководство
Основы
- Установка
- Введение
- Экземпляр 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, документация на русском здесь.
Миграция с Vuex 0.6.x на 1.0
Состоялся релиз Vuex 2.0, но эта инструкция покрывает только миграцию на 1.0? Это опечатка? Кроме того, похоже, что Vuex 1.0 и 2.0 были выпущены одновременно. Что происходит? Какую из версий я должен использовать и какая из них совместима с Vue 2.0?
Обе версии Vuex 1.0 и 2.0:
- полностью совместимы с Vue 1.0 и 2.0
- будут поддерживаться в обозримом будущем
Однако, они имеют различные целевые аудитории.
Vuex 2.0 радикально переписан и имеет упрощённый API, для тех, кто начинает новые проекты или хочет быть на острие прогресса в области управления состоянием фронтенд-приложений. Он не покрывается данной инструкцией по миграции, поэтому если вы хотите узнать о нём больше — обратитесь к документации Vuex 2.0.
Vuex 1.0 в основном обратно совместим, поэтому требует внесения довольно незначительных изменений при обновлении. Рекомендуется для тех, кто уже имеет дело с большими проектами, либо для тех, кто просто хочет постепенно обновиться до Vue 2.0. Данное руководство призвано содействовать этому процессу, но включает в себя только заметки по миграции. Для изучения полного руководство по использованию обратитесь к документации Vuex 1.0.
store.watch
со строковым параметром заменено
store.watch
теперь принимает в качестве аргумента только функции. Например, вы должны заменить:
|
на:
|
Это даёт более полный контроль над отслеживанием реактивных свойств.
Обновление
Запустите миграционный помощник в вашем проекте, чтобы найти использование store.watch
со строкой в качестве первого аргумента.
Вызов событий из хранилища удалено
Экземпляр хранилища больше не предоставляет интерфейс вызова событий (on
,off
, emit
). Если вы ранее использовали хранилище в качестве глобальной шины событий - см. этот раздел инструкций по миграции.
Вместо того чтобы использовать этот интерфейс для отслеживания событий, пробрасываемых самим хранилищем (например, store.on('mutation', callback)
), представлен новый метод - store.subscribe
. Типичное использование в плагине выглядит как:
|
Обратитесь к документации по плагинам для большей информации.
Обновление
Запустите миграционный помощник в вашем проекте, чтобы найти использование store.on
, store.off
и store.emit
.
Прослойки заменено
Прослойки заменены плагинами. Плагин представляет собой обычную функцию, которая получает хранилище в качестве единственного аргумента и может слушать событие мутации в хранилище:
|
Для более детального изучения см. документацию по плагинам.
Обновление
Запустите миграционный помощник в вашем проекте, чтобы найти использование middlewares
в вашем хранилище.