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

영삼님의 프로필 이미지
영삼

작성한 질문수

Vue.js 시작하기 - Age of Vue.js

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

작성

·

252

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은 모두 새로 생성되는게 맞습니다 :)

영삼님의 프로필 이미지
영삼

작성한 질문수

질문하기