Теряется __ob__ observer у массива из стейта vuex?

Question

[Maria_Gavrilova]

Здравствуйте. Пишу приложение на vue. У меня в стейте vuex есть массивы объектов: posts и comments. Объекты из массива comments имеют поле post_id.
В компоненте я определяю computed свойство вот так:

computed: {
    comments() {
            return this.$store.state.comments.filter(comment => comment.post_id === this.postId);
      }
}

Если изначально в самом стейте объявленны объекты в массиве comments, то в этом случае если вывести в консоль это computed-свойство мы увидим - [{}, __ob__: Observer] , они находятся под наблюдением.

Но если я посредством мутации newComment пушу объекты в массив comments вот таким образом:

newComment(state, payload) {
    let comment = {...}
    state.comments.push(comment);
}

В этом случае если вывести в консоль это computed-свойство, то мы увидим примерно следующее: [{…}] , тоесть __ob__ observer ОТСУТСТВУЕТ)

Вопрос - как в стейт пушить объекты так, чтобы они не теряли __ob__ observer?

p.s. Эти сущности я выдумала, задача у меня на самом деле сложнее, я её упростила, оставив самую суть. Подскажите пожалуйста. Заранее спасибо.

Answer 1

[Александр Аксентьев]

return this.$store.state.comments.filter(comment => comment.post_id === this.postId);

Так оно не работает что ли в этом случае? Вроде было должно.

Если нет, то запилите фильтрацию в самом стейте, пример по той же ссылке. Хотя причин не работать у варианта с computed нет, если вы только не упростили эту самую причину для вопроса :)

Comments

[Maria_Gavrilova]

Подредактировала вопрос) __ob__ observer теряется если я пушу объекты посредством мутации. А если мутацией не пользоваться и в самом начале объявить в самом стейте объекты в массиве, то__ob__ observer будет у объектов

[Александр Аксентьев]

Maria_Gavrilova, https://codesandbox.io/embed/vuex-store-3dd92

на простейшем примере работает как надо всё