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

Question

[Kiril Kharkevich]

У меня есть два компонента: 1-й - таблица с полями по которым я кликаю и заношу данные в массив - но пока это работает только локально; 2-й - компонент, в котором в карточках нужно отобразить данные из этого массива. Было принято решение что нужно использовать Vuex store, но данные не записываются в массив в store.

Вот действие по которому записываются данные в локальный массив:

<md-table v-model="devices" md-card @md-selected="onSelect">
      <md-table-row slot="md-table-row" slot-scope="{ item }" :md-disabled="item.named.includes('Stave')" md-selectable="multiple" md-auto-select>
        <md-table-cell md-label="Выбрать все устройства">{{ item.named }}</md-table-cell>
      </md-table-row>
    </md-table>

Вот метод, который пишет данные в массив локальный так и store массив note (скорее всего не верно):

onSelect (items) {       
        this.selected = items
        this.note = this.selected
        сonsole.log(note)
      }

Вот store:

const store = new Vuex.Store({
    state: {
        notes: []
    },
    actions: {
        addNote({commit}, note) {
            commit('ADD_NOTE', note)
        }
    },
    mutations: {
        ADD_NOTE(state, note) {
            state.notes.push(note)
        }
    },
    getters: {
        notes(state) {
            return state.notes
        }
    },  
    modules: {
    
    }
})

new Vue ({
    el: '#checkboxmenu',
    store,
    computed: {
        notes() {
            return this.$store.getters.notes;
        }
    },
    methods: {
        addNew() {
            this.$store.dispatch('onSelect')
        }
    }
})

Comments

[alex]

ну вызывайте экшн из компонента и в него items передавайте

[Kiril Kharkevich]

Alex, тобишь мне нужно вызвать метод который лежит в Vuex store? Или что ? Не совсем Вас понял, можете навести пример вызова?

[alex]

Kiril Kharkevich, <md-table @md-selected="setNotes">

methods: {
  ...mapMutations({
    setNotes: 'SET_NOTES'
  })
}

mutations: {
        SET_NOTES(state, notes) {
            state.notes = [...notes]
        }
    }

[Kiril Kharkevich]

Alex, не выходит, не записывает.Может я что-то не верно делаю?
Нужно прировнять масив к items это и есть данные.

[alex]

Kiril Kharkevich, а так state.notes = notes? если не сработает заливайте пример на codesandbox

[Kiril Kharkevich]

Alex, нет не работает, на сендбоксе проект тоже ошибки выдает, вот залил https://codesandbox.io/s/k9v6064l1o?expanddevtools=1 можешь посмотреть код, основные файлы с которыми работаю это (Toolbar.vue компонент в котором менюшка и где непосредственно происходит запись выбранных пунктов в массив). Devices.vue это тот компонент где должно будет подтягиваться с массива). В main.js хранится store, но я пока изменил чтобы локально записывало в массив selected