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


인스턴스 생성


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

new Vue();

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

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

크롬 개발자 도구를 열고 Console 패널을 확인하면 아래와 같은 결과가 나온다.

스크린샷 2023-02-20 오후 8.55.01.png

이처럼 인스턴스 안에는 미리 정의되어 있는 속성과 메서드(API)들이 있기 때문에 이 기능들을 이용하여 빠르게 화면을 개발해나갈 수 있다.

인스턴스의 속성, API들


new Vue({});
				⬆️
어떤 Dom에 반응하도록 할지, 
언제 그 일이 일어날지, 
어떤 데이터를 쓸지, 
데이터를 읽을 때 처리하고 싶은 일 등등의 옵션들을 담은 객체

스크린샷 2023-02-20 오후 9.16.37.png

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