Vue 라이프사이클 훅 - keep-alive, activated, deactivated

keep-alive를 사용하는 동적 컴포넌트

• 주로 컴포넌트 상태를 유지하거나 다시 렌더링되는 것을 방지하기 위해서 사용된다.
• 컴포넌트가 keep-alive 내에서 전환되면, activated()와 deactivated() 라이프사이클 훅이 호출된다.

activated 훅

• keep-alive 컴포넌트가 활성화될 때 호출됩니다.

deactivated 훅

• keep-alive 컴포넌트가 비활성화될 때 호출됩니다.