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