Как правильно передать данные из Vuex в компонент Vue?

Question

[pankratov_tolik]

Здравствуйте. Я использую Vuex в приложении. В компоненте есть ЧЕКБОКС на котором висит v-bind. На Вотче слежу за изменениями в дата которые привязаны к этому чекбоксу и отправляю в СТЭЙТ. При переходе к следующему компоненту данные в СТЭЙТЕ конечно же сохраняются, а в дата в предыдущем компоненте стираются. Так вот я хочу что бы при возврате к предыдущему компоненту данные в ДАТЫ по прежнему были и те ЧЕКБОКСЫ которые были ранее выбраны были выбранными. Пытаюсь на CREATED получить данные со СТЭЙТА и приписать к ДАТА, и это работает, но выдает ошибки. Подскажите в чем проблема пожалуйста

<template>
    <div>
        <template v-for="filter in size">
            <input type="checkbox"
                   class="filter-item__checkbox"
                   :name="filter"
                   :value="filter"
                   v-model="selectedSize"
                   id="size"
            >
            <label for="size">
                {{filter}}
            </label>

        </template>
    </div>
</template>

<script>
    import {mapGetters} from 'vuex'

    export default {
        name: "AppSizeFilter",
        data () {
          return {
              selectedSize: []
          }
        },

        computed: {
            ...mapGetters([
                "filtersSize"
            ]),
            size() {
              return this.filtersSize.values
            },
            selectedFilters() {
                return this.$store.state.selected.filters
            },

        },
        watch: {
            selectedSize(size) {
                this.$store.dispatch('updateSize', size);
            }
        },
        created() {
            if(this.selectedSize.length === 0) {
                this.selectedSize = [...this.selectedFilters.selectedSize]
            }
        }
    }
</script>

Answer 1

[nvdfxx]

<keep-alive> вам поможет, наверное

Answer 2

[dest86]

https://stackoverflow.com/a/42687186