📚 Reference

• 참고 자료 1

📜 Chapter

Vue Instance

• Vue Instance
• 뷰 인스턴스
• Vue Instance: 뷰로 화면을 개발할 때, 필수로 생성해야 하는 기본 단위

new Vue({
el: // 인스턴스가 뿌려질 지점
template: // 인스턴스의 화면 내용
data: // 인스턴스가 갖는 데이터
methods: // 인스턴스의 이벤트 정의
created: // 인스턴스 라이프 사이클
})

• 인스턴스 생성
  • el (element)
    • 인스턴스 안에 el 속성은 뷰 인스턴스가 그려질 지점을 지정한다. (뷰로 만든 화면이 그려지는 시작점 의미)
    • 뷰 인스턴스로 화면을 렌더링할 때 화면이 그려질 위치의 돔 요소를 지정해 줘야 한다.
• 인스턴스와 생성자 함수
  • 생성자 함수: 미리 정의 해놓은 함수를 다시 사용할 수 있다. (재사용) → new Vue()를 사용하는 이유
• 인스턴스 옵션 속성
  • 속성들이 key, value 형태로 들어오는 것이 중요하다.
• 뷰 인스턴스에서의 this
  • 객체 속성에서 다른 속성이나 다른 것을 가리킬때 this를 사용하면 해당 객체를 바라본다.

Vue Instance 생성자

new Vue()

• 인스턴스를 생성할 때 Vue를 생성자라고 한다.
• Vue 생성자는 뷰 라이브러리를 로딩하고 나면 접근 할 수 있다.