Vue 구성 요소를 강제로 다시 렌더링

Question

약간 이상하게 들리 겠지만, 기본 응용 프로그램의 문서로 사용되는 Vue 응용 프로그램을 만들었습니다. 문서화 작업을 수행하고자하는 것들 중 하나는 우리의 간단한 각 구성 요소 (코드가 구성 요소의 렌더링 방법과 함께)를 표시하는 것입니다.

나는 다양한 섹션을 성공적으로 라우팅 할 수있게 해주는 Vue-router를 사용하고 있습니다. 내 Vue 템플릿 중 하나에 <my-angular-component></my-angular-component>을 배치하고 각도를 내 페이지에 포함시킨 후 각도 구성 요소가 실제로 올바르게 렌더링됩니다. 그러나 브라우저를 새로 고치면 첫 페이지 렌더링시 올바르게 렌더링됩니다. 라우터보기를 사용하여 다른 경로로 이동 한 다음 초기 경로로 돌아 가면 각 구성 요소가 더 이상 렌더링되지 않습니다.

누구나 내가 볼 때마다 각도 컴포넌트를 다시 렌더링하도록 페이지의 각을 어떻게 말할 수 있습니까?

Answer 1

각 구성 요소가 vue 구성 요소 안에 있으면 $compile을 사용하여 수동으로 컴파일하고 mounted 후크에 삽입 할 수 있습니다. 이렇게하면 각도 구성 요소가 생성 될 때마다 각도 구성 요소가 다시 렌더링됩니다. beforeDestroy 후크 (전화 $scope.$destroy())로 청소해야 할 수도 있습니다.

아마도이 두 프레임 워크를 섞어도 별 가치가 없습니다.