4. 라이프사이클(Life Cycle)

• vue에서 인스턴스의 생명 주기를 말해준다.
• 인스턴스 생성, 마운트, 업데이트 등 특정 작업이 일어나기 전, 혹은 후에 어떠한 이벤트를 줄 수 있다.
  • beforeCreate()
    • 인스턴스가 생성되기 전에 어떤 동작을 실행 할 수 있다.
  • created()
    • 인스턴스가 생성된 후 어떤 동작을 실행 할 수 있다.
  • beforeMount()
    • 인스턴스가 html로 렌더링 되기 전에 어떤 동작을 실행할 수 있다.
  • mounted()
    
    • 인스턴스가 html로 렌더링 된 후에 어떤 동작을 실행할 수 있다.
    • 보통 이 부분에서 비동기로 데이터를 가져오는 작업을 한다.
  • beforeUpdate()
    • 바인딩 된 데이터가 변경되면서 업데이트가 일어나기 전에 어떤 동작을 실행할 수 있다.
    • ex) input태그에 입력시 정규식 체크
  • updated()
    • 바인딩된 데이터가 변경되고 업데이트가 일어난 후에 어떤 동작을 실행할 수 있다.
  • beforeUnmount()
    • 해당 인스턴스의 종료전에 어떤 동작을 실행할 수 있다.
  • unmounted()
    • 해당 인스턴스의 종료 이후에 어떤 동작을 실행할 수 있다.
• 위의 코드는 모두 export default {}안에 작성해서 훅을 걸어줄 수 있다.