인프런 커뮤니티 질문&답변

SeJin Kang님의 프로필 이미지
SeJin Kang

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

데이터가 잘 안뿌려 집니다 !

작성

·

127

1

안녕하세요. 데이터가 즉각 잘 안뿌려져서 질문 드립니다.

일단 중간 정리까지는 구조가 다 똑같은데요 ! 한가지 다른 점이 있습니다.

리스트 뿌려지는 게 구조가 비슷해서 연습삼아

Modal.vue 예제처럼 components 폴더  하위에 common 폴더를 만들어

리스트 뿌려지 지는 템플릿을 작성후(slot="name") 컴포넌트를 하나 만들어서 공통으로 사용하고 있습니다.

결과적으로는 뿌려지기는 합니다만...

새로고침 하고나서 news, jobs, ask 탭을 여러 번 이동한 후에야

뿌려지네요 .. 

개발자 도구 vue 탭을 보면 새로고침 당시엔 

state에 Array 로 값은 다 가지고 있는데.. 아마 

공통적으로 쓰여지는 제가 만든 컴포넌트를 가져오는 속도가 안맞는 걸까요 ? 

새로고침 후에 바로 뿌려져야 하는데 다른 방도가 있는 지 궁금합니다 ㅎㅎ 

답변 2

0

SeJin Kang님의 프로필 이미지
SeJin Kang
질문자

오랜만에 뵙겠습니다, ㅎㅎ 

여러 vue 파일에허 중복되는 스타일, 템플릿 부분들을 하나로 통합해서 컴포넌트로 떼어내는 부분에 와 있습니다 ㅎㅎ옛날 거 까지 써보려고 천천히 하다가 이런 부분이 있는 줄 이제야 알았네요 ㅎㅎ, created() 단에서도 route의 name 으로 뿌려지는 객체들을 분별 할 수 있는 것도 새로 알았구요. 여러모로 유익한 수업이에요.

아마 이 부분을 좀 더 수강하면 차이를 알 수 있을 거 같아요 !

답변 감사드립니다. 코로나 조심하시고 좋은 하루 되세요 !!

0

안녕하세요 세진님, 오랜만에 뵙네요 :)

좋은 질문 주셨는데 제가 현재 구현하고 계시는 프로젝트의 구조를 정확히 파악하기가 어려워 원론적인 답변만 드릴 수 있을 것 같습니다. 일단 뷰에서는 데이터 속성에 값이 변하면 화면이 다시 그려집니다. 그 관점에서 보면 지금 데이터를 받아오는 시점이 늦어서 화면도 이후에 그려지는 것 같아요. 완벽 가이드 강좌에서 라우터 네비게이션을 통해 데이터를 미리 받아와서 화면에 진입하는 내용을 다룬 영상이 있으니 다시 한번 확인해보시고 구조를 잡아보시면 좋을 것 같습니다 :)

수강해주셔서 감사합니다!

SeJin Kang님의 프로필 이미지
SeJin Kang

작성한 질문수

질문하기