• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

동적 라우팅에 대해 궁금한것이 있습니다.

21.02.04 13:05 작성 조회수 171

1

안녕하세요.

좋은 강의 덕분에 vue를 잘 알아가고 있는것 같습니다. 감사합니다. 

 제가 물어 보고 싶은 것은 라우터를 통해 param을 던지는 부분중 { path: '/example/:id', component: Example } 을 통해서 /exaple경로로 들어오는 url은 다 Example컴포넌트로접근하고있습니다.

 vue 정식 사이트에는 매개 변수와 함께 라우트를 사용할 때 주의 해야할 점은 사용자가 /user/foo에서 /user/bar로 이동할 때 동일한 컴포넌트 인스턴스가 재사용된다는 것입니다. 두 라우트 모두 동일한 컴포넌트를 렌더링하므로 이전 인스턴스를 삭제 한 다음 새 인스턴스를 만드는 것보다 효율적입니다. 그러나 이는 또한 컴포넌트의 라이프 사이클 훅이 호출되지 않음을 의미합니다.

 이렇게 되어 있는데 /example/sample1 에서 /example/sample2로 이동시 sample1의 beforeDestroy와 sample2의 mounted가 동작을 하던데 위에서 말하는 컴포넌트의 라이프 사이클 훅이 이 부분이 아닌건가요??

답변 1

답변을 작성해보세요.

0

안녕하세요 영삼님, 먼저 칭찬해 주셔서 감사합니다 :) 마지막 문단에서 설명하신 예시에서 example 컴포넌트가  재사용 된다고 보시면 될 것 같아요. sample1과 sample2은 모두 새로 생성되는게 맞습니다 :)