더북(TheBook)

sitename 속성을 변경하면 애플리케이션 헤더의 데이터 바인딩이 새로운 값으로 변경되면서 업데이트 사이클이 시작됩니다. 이제 애플리케이션을 없애겠습니다! (걱정하지 마세요. 새로 고침하면 다시 생깁니다.) 마지막 생명 주기 훅 2개를 실행시키려면 $destroy() 인스턴스 메서드를 사용해야 합니다.

Tip

Vue가 인스턴스에 생성하는 특별한 메서드들은 $ 접두사를 쓰면 사용할 수 있습니다. Vue 생명 주기 인스턴스의 메서드에 대한 추가 정보는 https://vuejs.org/v2/api/#instance-Methods-Lifecycle의 API 문서를 확인하세요.

 

애플리케이션이 서드 파티 라이브러리의 인스턴스를 생성했다면, 라이브러리 해체 코드를 호출하거나 해당 라이브러리 참조를 수동으로 할당 해제해서 애플리케이션에 할당된 메모리 누수를 방지할 수 있습니다. 그림 2-12는 $destroy() 인스턴스 메서드를 호출하여 어떻게 소멸(destroy) 훅을 실행시키는지 보여 줍니다.

▲ 그림 2-12 인스턴스 소멸 메서드를 호출하면 마지막 생명 주기 2개에 대한 콜백 실행

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.