[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Raphael Douglas Coutinho Melo
Criador Raphael Douglas Coutinho Melo 10/05/2020

Olá pessoal. Tudo bem?

Estou desenvolvendo um projeto para treinar um pouco Vue JS. O projeto consiste em ter alguns posts (publicações de texto mesmo) e este post poderá conter alguns comentários. 
Para estruturar os comentários de acordo com os posts, criei um state contendo um objeto comments: {} , e estou colocando os comentários dentro dele.
Os comentários são inseridos como um array, e o indice desse array é o post_id do próprio post. Acredito que assim, facilitará a busca dos comentários do post especifico. 
Porém, não estou conseguindo acessar o objeto buscando pelo post_id. Já tentei algumas opções como:

this.$store.state.CommentsPosts.comments.post_1
ou
this.$store.state.CommentsPosts.comments[post_1]
ou
this.$store.state.CommentsPosts.comments['post_1']

e todos eles retornam 'undefined'

Estou deixando aqui o link do vídeo para demonstrar melhor visualmente o problema:
https://youtu.be/wQet4TCqlfc

Manager Carlos Ferreira 10/05/2020

Olá, Raphael!
Tudo bem?

Você tem esse projeto no GitHub?
Porque o link do vídeo veio quebrado "Vídeo indisponível".

A API é em Laravel? Seria uma boa ela já retornar os posts + comentários, no Laravel é super fácil de fazer isso, nesse caso você teria uma relação completa:
posts: [
    {
        title: 'Título do post',
        body: 'Conteúdo do post',
        comments: [
            {
                subject: 'Assunto do comentário',
                comment: 'Conteúdo do comentário'
            },
        ]
    },
]

Carlos Ferreira
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!