2017-12-07 3 views
0

vue를 처음 사용하는 경우이 문제가 발생했습니다. 요청시 실제로 필요한 무거운 내용이 포함 된 팝업이 12 개 있습니다. 나는 이전의 접근 방식이 잘못되었다는 것을 깨달았습니다. (내용을 렌더링하기 위해 vue-router를 시도했지만, 팝업 아래의 내용이 새로운 경로로 이동할 때마다 변경되기 때문에 효과적이지 않았습니다). I tried named views, but I still think its wrong. 이제 제 질문은, 그것을 모달 구성물로 넣는 것이 어떨까요? 쇼에서 만 렌더링됩니까? 아니면 그것은 렌더링 여부에 관계없이 구성 요소에 첨부 한 즉시 렌더링됩니까? 사용자가 버튼을 클릭 한 후 렌더링 만하는 방법은 무엇입니까?vue 요청시 구성 요소 콘텐츠 만로드

export default { 
name: ‘app’, 
components: {Modal1,Modal2,Modal3,Modal4}, <-- are all this will be rendered? 
} 

Btw, 나는 webpacks를 사용하고 있습니다. 또한 나는 SPA 개발에 익숙하지 않아서 정확하게 렌더링의 개념을 파악하고 있는지 확신 할 수 없다. 단지 각 모드가 렌더링을 끝내기를 기다리지 않고 페이지가 먼저 렌더링되고로드되는지 확인하려고한다. 또한 앱 내부의 라우터보기에서 액세스 할 수 있어야합니다.

편집 : 추가 연구를 통해 동적 구성 요소로 처리 할 수 ​​있다고 생각합니다. 나는 지금 내가 올바른 길을 가고 있다고 생각한다. 나는 올바른 가이드를 찾는데 도움이 필요하다.

답변

0

안녕 당신이 올바른 접근 방식은 "게으른로드"& "코드 분할"기능을 사용하는 것입니다 webpack을 사용하는 언급 이후. vue 특정 항목은 찾을 수 있습니다. here

관련 문제