Как получить доступ к модулю из хранилища, указав его имя в виде строки?

#vue.js #vuex

#vue.js #vuex

Вопрос:

Я новичок в Vuejs, и у меня проблема.

Мне нужно использовать хранилище, но у меня есть только его имя в строке. Я знаю, что могу получить доступ к методу, который я написал (all() ) хранилища, написав : storeName.all

но у меня есть только this.storeName в виде строки, и запись this.storeName.all не работает

Ответ №1:

Магазин — это, по сути, жалкое зрелище. Мы можем получить доступ к свойствам объекта следующими способами:

 this.$store.storeName;
 

или, если мы знаем имя хранилища в строке, мы можем получить доступ следующим образом :

 this.$store["storeName"];
 

Ответ №2:

Если вы хотите получить доступ в шаблоне

 <template>

  {{$store.state.<varibale>}}
<template>
 

в JS

 this.$store.state
 

Вот ссылка на песочницу, которая поможет вам настроить и использовать ее.

https://codesandbox.io/s/silly-poitras-sosvs?file=/src/App.vue