Vue Instance 라이프사이클 초기화

Vue 객체가 생성될 때 아래의 초기화 작업을 수행한다.

• 데이터 관찰
  • 뷰에서 데이터가 변경되었을때 감지하는 기능
• 템플릿 컴파일
  • 뷰가 가지고있 데이터(html,js,css)들을 html로 넘김
• DOM에 객체 연결
  • 뷰의 옵션을 가지고있는 옵션을 연결
• 데이터 변경시 DOM 업데이트

초기화 작업 외에도 개발자가 의도하는 커스텀 로직을 추가할 수 있다.

var vm - new Vue({
  data: {
    a: 1
  },
  created: function () {
    // this는 vm을 가리킴
    console.log(`a is ${this.a}`);
  }
})

초기화 메서드로 커스텀 로직을 수행하기 때문에 Vue에서는 따로 Controller를 갖고 있지 않다.