HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💌
JJong’s Archive
/
🏞️
Vue
/
라이프 사이클

라이프 사이클

Select
Nov 20, 2023
  • 각 생명주기는 컴포넌트 인스턴스 옵션에 메서드로 명시할 수 있고, 해당 라이프 사이클 때 각 메서드가 실행된다
  • 뷰 앱이 createApp 메서드로 생성되어야 앱의 data 옵션 등에 접근 가능하다
    • ⇒ beforeCreate에서는 data에 접근 불가하고 created 이후에 접근 가능
  • html 요소에 연결되고 나서야 렌더링 된 셀렉터를 찾을 수 있다
    • ⇒ mounted 부터 document.querySelector(셀렉터)로 접근 불가
  • beforeUpdate 는 데이터가 업데이트 되기 전이 아니라 화면이 업데이트 되기 전임에 주의
    • 그래서, ‘데이터 업데이트 → beforeUpdate → 화면 업데이트 → updated’ 식으로 진행됨
  • unmouted ⇒ html요소와 뷰 어플리케이션 연결 해제
    • 뷰 어플리케이션의 메소드로 unmout가 있는데, 이 메서드 실행으로 마운트를 해제할 수 있다
notion image
  • 많이 쓰이는 것은 created와 mounted!