Vuex — это плагин, как и vue router. Поэтому в плане установки и настройки имеет много общего с vue router.
Чтобы вам было проще понять, давайте сначала посмотрим, как работает маршрутизатор Vue.
Всего мы сделали четыре вещи.
Первое, что мы делаем в файле точки js маршрутизатора, — это включаем два пакета: vue и vue router.
Затем мы вызываем метод vue.use(), чтобы инициировать подключаемый модуль маршрутизатора.
Затем мы подготовили массив. В этом массиве хранятся все правила маршрутизации.
В конце мы новый конструктор router() и экспортируем по умолчанию это.
При установке и настройке Vuex мы следуем той же процедуре.
Мы устанавливаем VueX с помощью npm install vuex double dash save.
Затем мы создаем новый файл: store dot js и помещаем его в новую папку: store.
Вот как обычно выглядит ваш окончательный файл store.js:
В файле store dot js мы сначала импортируем пакеты Vue и Vuex.
Затем мы вызываем метод vue.use().
Далее мы подготавливаем объект и присваиваем его переменной store. Что касается содержания объекта, то о нем вы узнаете позже.
В конце мы новый конструктор Store() из VueX и eэкспорт по умолчаниюэто. Не забудьте написать заглавную букву С.
Теперь файл store dot js готов. Как и в случае с конфигурационным файлом vue router, файл dot js магазина должен быть импортирован основным файлом dot js.
Первый. нам нужно импортировать файл магазина.
Затем нам нужно внедрить его в корневой экземпляр Vue в качестве свойства хранилища.
Теперь наша работа над файлом main.js выполнена. На следующем уроке мы узнаем, как установить хранилище.
Следующий урок: научиться устанавливать магазин…
Посмотрите наш ПОЛНЫЙ курс VueJS на Udemy:
https://www.udemy.com/vuejs-for-students-with-zero-es6-foundation/?couponCode=MEDIUM_PROMO_1
