Vue.js - Instance

인스턴스 생성

new Vue();

var vm = new Vue();  // vm 인스턴스 생성

인스턴스의 속성과 API

new Vue({
  el,
  template,
  data,
  methods,
  created,
  computed,
  watch
});

• el: 인스턴스가 그려지는 화면의 시작점(특정 HTML 태그)

• template: 화면에 표시할 요소(HTML, CSS 등)

• data: 뷰의 반응성(Reactivity)가 반영된 데이터 속성

• methods: 화면의 동작과 이벤트 로직을 제어하는 메서드

• created: 뷰의 라이프 사이클과 관련된 속성

• computed : 템플릿의 데이터 표현을 더 직관적이고 간결하게 도와주는 속성

• watch: data에서 정의한 속성이 변화했을 때,
               추가 동작을 수행할 수 있게 정의하는 속성

  **computed와 watch는 비슷한 속성이지만, computed로 사용하는 것이 더 좋다