이번 포스트에서는 동적 컴포넌트(dynamic component)에 대해 살펴보자. 동적 컴포넌트 동적 컴포넌트 구성 dynamic component는 동적으로 component를 교체해야 하는 경우 사용된다. 대표적인 예로 탭으로 구성된 UI등을 생각해볼 수 있다. dynamic component를 사용하기 위해서는 태그의 is라는 속성에 표시할 component를 할당해주면 된다. is 속성에는 등록된 컴포넌트의 이름 문자열이나 실제 컴포넌트 객체를 등록할 수 있다. 컴포넌트를 등록할 때 주의 사항은 컴포넌트 변수 선언 시 ref 가 아닌 shallowRef를 사용해야 한다는 점이다. 만약에 ref를 사용하면 성능상 overhead가 발생한다는 경고가 console에 출력된다. shallowRef는 ..
[vue 3] 07. 동적 컴포넌트
이번 포스트에서는 동적 컴포넌트(dynamic component)에 대해 살펴보자. 동적 컴포넌트 동적 컴포넌트 구성 dynamic component는 동적으로 component를 교체해야 하는 경우 사용된다. 대표적인 예로 탭으로 구성된 UI등을 생각해볼 수 있다. dynamic component를 사용하기 위해서는 태그의 is라는 속성에 표시할 component를 할당해주면 된다. is 속성에는 등록된 컴포넌트의 이름 문자열이나 실제 컴포넌트 객체를 등록할 수 있다. 컴포넌트를 등록할 때 주의 사항은 컴포넌트 변수 선언 시 ref 가 아닌 shallowRef를 사용해야 한다는 점이다. 만약에 ref를 사용하면 성능상 overhead가 발생한다는 경고가 console에 출력된다. shallowRef는 ..
2023.09.02