Миграция с Vuex 0.6.x до 1.0

В этом руководстве будет рассказано, как перейти с Vuex 0.6.x на Vuex 1.0.

Но подождите, почему бы не Vuex 2.0, зачем беспокоиться о переходе на Vuex 1.0, когда я мог бы просто перейти на Vuex 2.0. Следует отметить, что Vuex 1.0 и 2.0 были выпущены одновременно. Также обратите внимание, что Vuex 1.0 и Vuex 2.0:

• полностью поддерживать как Vue 1.0 и 2.0
• будет сохраняться в обозримом будущем

Однако они нацелены на пользователей немного по-другому.

Версия 2.0 Vuex - это радикальная модернизация и упрощение API-интерфейса Vuex, если вы хотите быть на переднем крае управления состоянием на стороне клиента или начинаете новый проект. Этот учебник не охватывает миграцию на Vuex 2.0.

Vuex 1.0 обратно совместим, поэтому для его обновления требуется очень мало изменений. Эта версия рекомендуется для тех, кто имеет большую кодовую базу или хочет максимально плавный путь обновления до Vue 2.0. Это поможет упростить этот процесс, однако он будет включать только примечания по миграции.

store.watch с ^{заменой} пути свойства строки

Store.watch теперь принимает только функции. Так, например, вам придется заменить следующую строку:

store.watch('user.notifications', callback)

С этим:

store.watch(
  // When the returned result changes...
  function (state) {
    return state.user.notifications
  },
  // Run this callback
  callback
)

Это дает вам более полный контроль над реактивными свойствами, которые вы хотели бы наблюдать.

Путь обновления

Чтобы найти примеры store.watch со строкой в качестве первого аргумента, запустите помощник по миграции на своей базе кода.

Эмитент событий магазина ^удален

Экземпляр хранилища больше не будет отображать интерфейс генератора событий (вкл, выкл, выброс). Если вы ранее использовали хранилище в качестве глобальной шины событий, ознакомьтесь с разделами $ dispatch и $ broadcast нашего руководства по миграции с vue 1.0x для получения инструкций по миграции.

Вместо того, чтобы использовать этот интерфейс для просмотра событий, генерируемых самим хранилищем (например, store.on ('mutation', callback)), был представлен новый метод store.subscribe. Его типичное использование внутри плагина будет:

var myPlugin = store => {
  store.subscribe(function (mutation, state) {
    // Do something...
  })
}

Вы можете найти больше примеров и информации в нашем руководстве по плагинам.

Путь обновления

Чтобы найти примеры store.on, store.off и store.emit, запустите помощник по миграции на своей базе кода.

Middlewares ^{заменены}

Промежуточные программы заменяются плагинами. Плагин - это функция, которая получает хранилище в качестве единственного аргумента и может прослушивать событие мутации в хранилище:

const myPlugins = store => {
  store.subscribe('mutation', (mutation, state) => {
    // Action to be performed...
  })
}

Вы можете найти больше примеров и информации в нашем руководстве по плагинам.

Путь обновления

Чтобы найти примеры опций промежуточного программного обеспечения в магазине, запустите помощник по миграции на своей базе кода.