Vue Instance

Yoon·2023년 3월 17일
0

Vue.js

목록 보기
4/10

뷰 인스턴스

인스턴스는 뷰로 개발할 때 필수로 생성해야 하는 코드이다.


인스턴스 생성

인스턴스는 아래와 같이 생성할 수 있다.

new Vue();

인스턴스를 생성하고 나면 아래와 같이 인스턴스 안에 어떤 속성과 API가 있는지 콘솔 창에서 확인 가능하다.

var vm = new Vue();
console.log(vm);

인스턴스 옵션

인스턴스에서 사용할 수 있는 속성과 API는 아래와 같다.

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

el : 인스턴스가 그려지는 화면의 시작점 (특정 HTML 태그)
template : 화면에 표시할 요소 (HTML, CSS 등)
data : 뷰의 반응성(Reactivity)가 반영된 데이터 속성
methods : 화면의 동작과 이벤트 로직을 제어하는 메서드
created : 뷰의 라이프 사이클과 관련된 속성
watch : data에서 정의한 속성이 변화했을 때 추가 동ㅈ가을 수행할 수 있게 정의하는 속성

profile
나의 공부 일기

0개의 댓글