Как и Vue router, VueX является плагином и имеет собственный веб-сайт.

Согласно официальному сайту, VueX — это шаблон управления состоянием плюс библиотека.

Что это обозначает?

🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔

Состояние означает данные.

По сути, VueX — это менеджер данных. Это помогает вам хранить, обрабатывать и распространять данные.

Vuex не обязателен для каждого проекта. В зависимости от дизайна и сложности вашей программы он может вам понадобиться или не понадобиться. Но это открывает для вас новую дверь, предоставляя вам дополнительную возможность.

До VueX мы отправляли данные в компонент с помощью реквизитов и отправляли их с помощью самоопределяемых событий.

Для простых проектов это нормально. Но когда вы работаете над сложными, текущий дизайн может быть не таким удобным, как вам хотелось бы.

Например, если многие компоненты используют один и тот же метод, и вам нужно настроить этот метод. Это означает, что вам нужно внести коррективы в каждый компонент. Это очень неудобно.

Лучше всего сконцентрировать эти общие методы в одном месте. Таким образом, нам нужно сделать только одну настройку. Vuex может помочь нам в этом.

Когда вы управляете компонентами с помощью маршрутизатора Vue, незагруженный компонент будет уничтожен. Данные, хранящиеся в нем, больше не будут доступны. Но нам все еще могут понадобиться эти данные. По сравнению с отправкой этих данных их хранение в стороннем хранилище может быть более удобным. VueX также может помочь нам в этом.

Вы можете думать о VueX как о стороннем хранилище данных и фабрике. Он хранит данные и методы, обрабатывающие данные.

Каждый компонент может получать данные из Vuex и запускать свои методы для обработки данных. Разумеется, обработанные данные можно вернуть компонентам.

Работа над реквизитами и методами компонентов передана на аутсорсинг VueX.

Но не поймите меня неправильно. Использование VueX не означает, что ваши компоненты больше не нуждаются в свойствах, вычислениях и методах.

Vuex — это просто дополнительная опция, еще одна дверь.

Что касается того, какой инструмент вы должны использовать, все зависит от дизайна вашего проекта.

Теперь вы знаете, что такое VueX и что он может сделать для нас. На следующем уроке вы узнаете, как его установить и настроить.

Посмотрите наш ПОЛНЫЙ курс VueJS на Udemy:

https://www.udemy.com/vuejs-for-students-with-zero-es6-foundation/?couponCode=MEDIUM_PROMO_1