vue에서 일부 컴포넌트만 강제 reload 하기

강제적으로 컴포넌트를 리로드 해줘야하는 경우가 있다.

예를들면, 부모컴포넌트로부터 이미지를 전달받아 image editor를 사용하는 자식 컴포넌트가 있는데, 부모컴포넌트에서 전달하는 이미지가 변경되었을 때 자동으로 변경되지 않으므로 reload 를 해주어야만 한다.

 

 

이럴 때 component 에 key를 설정해주고, key를 변경하면 자동으로 forceRerendering 된다.

 

 

<component-to-re-render :key="componentKey" />

 

 

출처: https://hyeonyeee.tistory.com/97 [hyeoneee's blog]