В этом уроке мы изучим последнюю концепцию ядра vuex: модули.
Проще говоря, модули VueX означают создание разных констант и их размещение в конструкторе Vuex.Store ().
Взгляните на пример ниже:
В файле store.js есть только одна константа, и мы называем ее module_a. Module_a используется как значение аргумента для vuex.store ().
Когда мы имеем дело со сложными ситуациями, одного постоянного может быть недостаточно. Нам может понадобиться что-то вроде этого:
Мы определили две константы, и каждая константа имеет собственное состояние, геттеры, мутации и действия.
Итак, вопрос в том, как установить vuex.Store ()?
Вот как вы это делаете:
Сначала мы устанавливаем {} в vuex.Store ().
Затем внутри {} мы устанавливаем свойство, называемое модулями.
Ценность модулей также является объектом.
Внутри объекта мы устанавливаем две константы как значение свойства. Имя свойства выбрано нами и будет использоваться для представления двух констант позже.
Следующий вопрос: как различать module_a и module_b на стороне компонента?
Вот как вы это делаете:
Чтобы получить доступ к свойствам состояния, вы просто добавляете a или b между состоянием и именем свойства. (a и b - имена свойств, используемые в vuex.Store ())
Чтобы получить доступ к свойствам геттера, вам понадобится набор квадратных скобок. Внутри квадратных скобок вы помещаете a или b перед именем свойства получателя и соединяете их с помощью косой черты. Внимание, для геттеров используется косая черта, а не точка. Вам также понадобится [].
Чтобы получить доступ к методу мутации или действия, вы помещаете a или b перед именем метода и соединяете их косой чертой. Не здесь.
Ознакомьтесь с нашим ПОЛНЫМ курсом VueJS по Udemy:
Https://www.udemy.com/vuejs-for-students-with-zero-es6-foundation/?couponCode=MEDIUM_PROMO_1