동적 라우팅에 대해 궁금한것이 있습니다.
301
작성한 질문수 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은 모두 새로 생성되는게 맞습니다 :)
개발자 툴에서 Vue가 표시되지 않는 현상.
0
91
2
chrome 확장 devtools 버전 문제
0
81
1
Vue.js not detected가 자꾸 뜹니다
0
81
2
마지막 강의가 안되요
0
55
1
data, computed, watch > Reactivity
0
48
1
f12누르고 개발자도구에 vue 탭이 안생겨요
0
88
1
vue composition api
0
72
1
강의 자료 다운이 될까요?
0
127
1
개발자 도구에서 뷰탭이 안보여요....
0
579
3
프롭스 데이터 질문입니다.
0
111
1
component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11
0
139
1
화면이 안떠요,, 이전 이후 강의는 뜨는데..
0
235
6
크롬 확장 프로그램 vue devtools 설치했는데
0
525
2
코드를 수정하고 브라우저의 Vue로 넘어가면 다운이 됩니다.
0
241
1
버튼을 클릭해도 event가 발생하지 않습니다.
0
309
1
vue3 css 경로 표시 문의
1
229
2
개발자도구 vue탭
0
354
1
vue.cli 재시작
0
240
1
화면 코드 보기
1
223
2
App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ
1
380
2
html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.
1
884
2
{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...
1
287
2
뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요
1
399
2
다음 단계 강의는...?
1
385
2





