Как передать массив во Vuex store и считать данный массив в другом компоненте?

Question

[Kiril Kharkevich]

Есть компонент Menu.vue и компонент Card.vue.
В компоненте Menu.vue есть таблица в которой есть строки, по нажатию на строку данные этой строки передаются в локальный массив selected допустим. Как получить значение этого массива в компоненте Card.vue и вычитать его? Все говорят юзать Vuex store (но я уже 3-й день пытаюсь сделать и нихрена не передаётся). Накидайте пожалуйста пример с массивом и стором, как правильно организовать стор и передавать массив.

Comments

[Алексей Ярков]

Третий день элементарная задача? Может рано вам еще Vue, Vuex и прочее?
Ну серьезно. Вы открывали доку по Vuex? Что не понятно? Где ваш неработающий пример кода в песочнице?

[Kiril Kharkevich]

Алексей Ярков, https://codesandbox.io/s/k9v6064l1o?expanddevtools=1

[Kiril Kharkevich]

Алексей Ярков, файл Toolbar.vue с которого нужно вычитывать данные в массив

Answer 1

[Kiril Kharkevich]

Вот смотри есть метод записи данных в массив:

onSelect (items) {        
        this.selected = items
        this.$emit('selected',selected) 
      }

Вот метод получения данных с массива:

fetchData () {
        this.menuVisible = !this.menuVisible;
      axios.get('https://db-http.firebaseio.com/devices.json')
     .then(res => {
          console.log(res)
          const data = res.data
          const devices = []
          for (let key in data) {
            const device = data[key]
            device.id = key
            devices.push(device)
          }
         this.$on('selected',function(selected) {
           this.devices = Object.entries(selected).map(([ id, n ]) => ({ ...n, id }));
         })
        })
        .catch(error => console.log(error))
    }

Верно я применил ? Но оно не пашет так